diff options
Diffstat (limited to 'assets/css/_partial/_single/_admonition.scss')
-rw-r--r-- | assets/css/_partial/_single/_admonition.scss | 64 |
1 files changed, 60 insertions, 4 deletions
diff --git a/assets/css/_partial/_single/_admonition.scss b/assets/css/_partial/_single/_admonition.scss index 07f66ae..22e701b 100644 --- a/assets/css/_partial/_single/_admonition.scss +++ b/assets/css/_partial/_single/_admonition.scss @@ -1,7 +1,7 @@ .admonition { border-radius: 6px; position: relative; - margin: 1rem 0; + margin: $margin-article; padding: 0 .75rem; background-color: map-get($admonition-background-color-map, 'note'); border-left: .25rem solid map-get($admonition-color-map, 'note'); @@ -23,6 +23,10 @@ background-color: opacify(map-get($admonition-background-color-map, 'note'), 0.15); } + .admonition-title-none { + display: none; + } + &.open .admonition-title { background-color: map-get($admonition-background-color-map, 'note'); } @@ -35,17 +39,66 @@ font-size: 0.85rem; color: map-get($admonition-color-map, 'note'); position: absolute; - top: .8rem; - left: .4rem; + top: .6rem; + left: .5rem; } i.details-icon { color: map-get($admonition-color-map, 'note'); position: absolute; - top: .7rem; + top: .55rem; right: .3rem; } + .admonition-icon { + display: inline-block; + background-repeat: no-repeat; + width: 20px; + height: 20px; + background-image: url(/img/icon/admonition.svg); + } + + .icon-note { + background-position: 0; + } + .icon-abstract { + background-position: -23px 0; + } + .icon-info { + background-position: -46px; + } + .icon-tip { + background-position: -64px; + } + .icon-success { + background-position: -84px; + } + .icon-question { + background-position: -106px; + } + .icon-warning { + background-position: -129px; + } + .icon-failure { + background-position: -152px; + } + .icon-danger { + background-position: -170px; + } + .icon-bug { + background-position: -190px; + } + .icon-example { + background-position: -210px; + } + .icon-quote { + background-position: -233px; + } + .admonition-icon-arrow-right { + background-position: -253px; + } + + @each $type, $color in $admonition-color-map { &.#{$type} { border-left-color: $color; @@ -79,3 +132,6 @@ margin-bottom: .75rem; } } + + + |