Added proper border to summary to allow easier styling

This commit is contained in:
squidfunk 2020-10-17 16:27:19 +02:00
parent 6e609cb690
commit 8eb2375551
7 changed files with 11 additions and 9 deletions

View File

@ -5,8 +5,8 @@
"assets/javascripts/vendor.js.map": "assets/javascripts/vendor.a018d6bb.min.js.map", "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.a018d6bb.min.js.map",
"assets/javascripts/worker/search.js": "assets/javascripts/worker/search.4ac00218.min.js", "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.4ac00218.min.js",
"assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.4ac00218.min.js.map", "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.4ac00218.min.js.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.f1caf91c.min.css", "assets/stylesheets/main.css": "assets/stylesheets/main.498e8cd6.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.f1caf91c.min.css.map", "assets/stylesheets/main.css.map": "assets/stylesheets/main.498e8cd6.min.css.map",
"assets/stylesheets/overrides.css": "assets/stylesheets/overrides.2a4bbe42.min.css", "assets/stylesheets/overrides.css": "assets/stylesheets/overrides.2a4bbe42.min.css",
"assets/stylesheets/overrides.css.map": "assets/stylesheets/overrides.2a4bbe42.min.css.map", "assets/stylesheets/overrides.css.map": "assets/stylesheets/overrides.2a4bbe42.min.css.map",
"assets/stylesheets/palette.css": "assets/stylesheets/palette.3f72e892.min.css", "assets/stylesheets/palette.css": "assets/stylesheets/palette.3f72e892.min.css",

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -34,7 +34,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.f1caf91c.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.498e8cd6.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.3f72e892.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.3f72e892.min.css' | url }}">

View File

@ -118,9 +118,10 @@ $admonitions: (
.admonition-title { .admonition-title {
position: relative; position: relative;
margin: 0 px2rem(-12px) 0 px2rem(-16px); margin: 0 px2rem(-12px) 0 px2rem(-16px);
padding: px2rem(8px) px2rem(12px) px2rem(8px) px2rem(44px); padding: px2rem(8px) px2rem(12px) px2rem(8px) px2rem(40px);
font-weight: 700; font-weight: 700;
background-color: transparentize($clr-blue-a200, 0.9); background-color: transparentize($clr-blue-a200, 0.9);
border-left: px2rem(4px) solid $clr-blue-a200;
// Adjust for right-to-left languages // Adjust for right-to-left languages
[dir="rtl"] & { [dir="rtl"] & {
@ -136,7 +137,7 @@ $admonitions: (
// Admonition icon // Admonition icon
&::before { &::before {
position: absolute; position: absolute;
left: px2rem(16px); left: px2rem(12px);
width: px2rem(20px); width: px2rem(20px);
height: px2rem(20px); height: px2rem(20px);
background-color: $clr-blue-a200; background-color: $clr-blue-a200;
@ -184,6 +185,7 @@ $admonitions: (
// Admonition title // Admonition title
.md-typeset .#{$name} > .admonition-title { .md-typeset .#{$name} > .admonition-title {
background-color: transparentize($tint, 0.9); background-color: transparentize($tint, 0.9);
border-color: $tint;
// Admonition icon // Admonition icon
&::before { &::before {

View File

@ -71,7 +71,7 @@
display: block; display: block;
min-height: px2rem(20px); min-height: px2rem(20px);
padding: px2rem(8px) px2rem(36px) px2rem(8px) px2rem(44px); padding: px2rem(8px) px2rem(36px) px2rem(8px) px2rem(40px);
border-top-left-radius: px2rem(2px); border-top-left-radius: px2rem(2px);
border-top-right-radius: px2rem(2px); border-top-right-radius: px2rem(2px);
cursor: pointer; cursor: pointer;