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 %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% 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 %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.cc9b2e1e.min.css' | url }}"> <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 // Code block is the first child of a tab - remove margin and mirror
> .highlight:first-child > .filename { // previous (now deprecated) SuperFences code block grouping behavior
margin: 0; > .highlight:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
// Code block with line numbers - unfortunately, these selectors need to be // Code block title - remove spacing and rounded borders
// overly specific so they don't bleed into code blocks in annotations. > .filename {
> .highlight:first-child > .highlighttable {
margin: 0;
// Remove rounded borders on line numbers and titles
> tbody > tr > .filename span.filename,
> tbody > tr > .linenos {
margin: 0; margin: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
// Remove rounded borders on code blocks // Code block with line numbers - unfortunately, these selectors need to
> tbody > tr > .code > div > pre > code { // be overly specific so they don't bleed into code blocks in annotations.
border-top-left-radius: 0; > .highlighttable {
border-top-right-radius: 0; 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);
} }
} }