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 %}
|
||||
{% endblock %}
|
||||
{% 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 %}
|
||||
{% set palette = config.theme.palette %}
|
||||
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9647289d.min.css' | url }}">
|
||||
|
@ -119,20 +119,13 @@ $admonitions: (
|
||||
margin-block: 0;
|
||||
margin-inline: px2rem(-16px) px2rem(-12px);
|
||||
padding-block: px2rem(8px);
|
||||
padding-inline: px2rem(40px) px2rem(12px);
|
||||
padding-inline: px2rem(44px) px2rem(12px);
|
||||
font-weight: 700;
|
||||
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-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
|
||||
html &:last-child {
|
||||
margin-bottom: 0;
|
||||
@ -142,7 +135,7 @@ $admonitions: (
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: px2em(10px);
|
||||
inset-inline-start: px2rem(12px);
|
||||
inset-inline-start: px2rem(16px);
|
||||
width: px2rem(20px);
|
||||
height: px2rem(20px);
|
||||
background-color: $clr-blue-a200;
|
||||
@ -176,7 +169,6 @@ $admonitions: (
|
||||
// Admonition flavour title
|
||||
.md-typeset :is(#{$flavours}) > :is(.admonition-title, summary) {
|
||||
background-color: color.adjust($tint, $alpha: -0.9);
|
||||
border-color: $tint;
|
||||
|
||||
// Admonition icon
|
||||
&::before {
|
||||
|
Loading…
Reference in New Issue
Block a user