mirror of
https://github.com/squidfunk/mkdocs-material.git
synced 2024-06-14 11:52:32 +03:00
Fixed bleeding admonitions in Firefox
This commit is contained in:
parent
c5e1cd7082
commit
0f7e9fad0b
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -34,7 +34,7 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
{% block styles %}
|
{% block styles %}
|
||||||
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.75693d7e.min.css' | url }}">
|
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.120efc48.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.9647289d.min.css' | url }}">
|
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9647289d.min.css' | url }}">
|
||||||
|
@ -119,20 +119,13 @@ $admonitions: (
|
|||||||
margin-block: 0;
|
margin-block: 0;
|
||||||
margin-inline: px2rem(-16px) px2rem(-12px);
|
margin-inline: px2rem(-16px) px2rem(-12px);
|
||||||
padding-block: px2rem(8px);
|
padding-block: px2rem(8px);
|
||||||
padding-inline: px2rem(40px) px2rem(12px);
|
padding-inline: px2rem(44px) px2rem(12px);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
background-color: color.adjust($clr-blue-a200, $alpha: -0.9);
|
background-color: color.adjust($clr-blue-a200, $alpha: -0.9);
|
||||||
border: 0 solid $clr-blue-a200;
|
border: none;
|
||||||
border-inline-start-width: px2rem(4px);
|
border-inline-start-width: px2rem(4px);
|
||||||
border-start-start-radius: px2rem(2px);
|
border-start-start-radius: px2rem(2px);
|
||||||
|
|
||||||
// Hack: mitigate rounding errors in Firefox – see https://bit.ly/3uENoCS
|
|
||||||
@supports (-moz-appearance: meterbar) {
|
|
||||||
@include break-from-device(screen medium) {
|
|
||||||
margin-inline-start: px2rem(-15.5px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Adjust spacing for title-only admonitions
|
// Adjust spacing for title-only admonitions
|
||||||
html &:last-child {
|
html &:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@ -142,7 +135,7 @@ $admonitions: (
|
|||||||
&::before {
|
&::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: px2em(10px);
|
top: px2em(10px);
|
||||||
inset-inline-start: px2rem(12px);
|
inset-inline-start: px2rem(16px);
|
||||||
width: px2rem(20px);
|
width: px2rem(20px);
|
||||||
height: px2rem(20px);
|
height: px2rem(20px);
|
||||||
background-color: $clr-blue-a200;
|
background-color: $clr-blue-a200;
|
||||||
@ -176,7 +169,6 @@ $admonitions: (
|
|||||||
// Admonition flavour title
|
// Admonition flavour title
|
||||||
.md-typeset :is(#{$flavours}) > :is(.admonition-title, summary) {
|
.md-typeset :is(#{$flavours}) > :is(.admonition-title, summary) {
|
||||||
background-color: color.adjust($tint, $alpha: -0.9);
|
background-color: color.adjust($tint, $alpha: -0.9);
|
||||||
border-color: $tint;
|
|
||||||
|
|
||||||
// Admonition icon
|
// Admonition icon
|
||||||
&::before {
|
&::before {
|
||||||
|
Loading…
Reference in New Issue
Block a user