Fixed spacing for result containers in content tabs

This commit is contained in:
squidfunk 2022-05-09 08:34:59 +02:00
parent 45d84938f2
commit fb248e3e49
4 changed files with 31 additions and 21 deletions

View File

@ -34,7 +34,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.e75da837.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.c382b1dc.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.cc9b2e1e.min.css' | url }}">

View File

@ -197,30 +197,40 @@
}
}
// Code block title - remove spacing and rounded borders
> .highlight:first-child > .filename {
margin: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
// Code block is the first child of a tab - remove margin and mirror
// previous (now deprecated) SuperFences code block grouping behavior
> .highlight:first-child {
// Code block with line numbers - unfortunately, these selectors need to be
// overly specific so they don't bleed into code blocks in annotations.
> .highlight:first-child > .highlighttable {
margin: 0;
// Remove rounded borders on line numbers and titles
> tbody > tr > .filename span.filename,
> tbody > tr > .linenos {
// Code block title - remove spacing and rounded borders
> .filename {
margin: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
// Remove rounded borders on code blocks
> tbody > tr > .code > div > pre > code {
border-top-left-radius: 0;
border-top-right-radius: 0;
// Code block with line numbers - unfortunately, these selectors need to
// be overly specific so they don't bleed into code blocks in annotations.
> .highlighttable {
margin: 0;
// Remove rounded borders on line numbers and titles
> tbody > tr > .filename span.filename,
> tbody > tr > .linenos {
margin: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
// Remove rounded borders on code blocks
> tbody > tr > .code > div > pre > code {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
// Code block result container - adjust spacing
+ .result {
margin-top: px2em(-2px);
}
}