Fixed bleeding admonitions in Firefox

This commit is contained in:
squidfunk 2022-04-04 17:49:32 +02:00
parent c5e1cd7082
commit 0f7e9fad0b
4 changed files with 6 additions and 14 deletions

View File

@ -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 }}">

View File

@ -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 {