Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2025-02-17 18:49:21 +01:00
Code Issues Releases Wiki Activity

Small facelifting of Admonitions

Browse Source
This commit is contained in:
squidfunk 2020-02-12 12:15:47 +01:00
parent 76258ee65f
commit a018ed0297
1 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/stylesheets/extensions/_admonition.scss
View File

@ -29,13 +29,12 @@
// Admonition extension // Admonition extension
.admonition { .admonition {
@include z-depth(2);
margin: 1.5625em 0; margin: 1.5625em 0;
padding: 0 px2rem(12px); padding: 0 px2rem(12px);
border-left: px2rem(4px) solid $clr-blue-a200; border-left: px2rem(4px) solid $clr-blue-a200;
border-radius: px2rem(2px); border-radius: px2rem(2px);
font-size: ms(-1); font-size: ms(-1);
box-shadow: inset 0 0 0 px2rem(1px) transparentize($clr-blue-a200, 0.75);
overflow: auto; overflow: auto;
// Adjust for RTL languages // Adjust for RTL languages
@ -58,7 +57,6 @@
> .admonition-title { > .admonition-title {
margin: 0 px2rem(-12px); margin: 0 px2rem(-12px);
padding: px2rem(8px) px2rem(12px) px2rem(8px) px2rem(40px); padding: px2rem(8px) px2rem(12px) px2rem(8px) px2rem(40px);
border-bottom: px2rem(1px) solid transparentize($clr-blue-a200, 0.9);
background-color: transparentize($clr-blue-a200, 0.9); background-color: transparentize($clr-blue-a200, 0.9);
font-weight: 700; font-weight: 700;
@ -111,6 +109,7 @@
&%#{nth($names, 1)}, &%#{nth($names, 1)},
&.#{nth($names, 1)} { &.#{nth($names, 1)} {
border-left-color: $tint; border-left-color: $tint;
box-shadow: inset 0 0 0 px2rem(1px) transparentize($tint, 0.75);
// Adjust for RTL languages // Adjust for RTL languages
[dir="rtl"] & { [dir="rtl"] & {
@ -119,7 +118,6 @@
// Title // Title
> .admonition-title { > .admonition-title {
border-bottom-color: transparentize($tint, 0.9);
background-color: transparentize($tint, 0.9); background-color: transparentize($tint, 0.9);
// Icon // Icon