dave-dmg/blog_bricked
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added fallback for Firefox for Sidenotes

Browse Source
This commit is contained in:
Dave
2025-10-02 18:59:28 +02:00
parent 2e30b1d6ed
commit e4b72005f2
2 changed files with 28 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Article/Content/MarkdocRenderer/MarkdocRenderer.module.css
View File

@@ -7,6 +7,7 @@
} }
.hasMargin { .hasMargin {
@supports (anchor-name: --test) {
@media screen and (--bp-margin) { @media screen and (--bp-margin) {
@mixin px 0; @mixin px 0;
@@ -25,4 +26,5 @@
max-width: 75ch; max-width: 75ch;
} }
} }
}
} }

4
src/components/Content/Sidenote/Container/Container.module.css
View File

@@ -4,10 +4,12 @@
} }
.wrapper { .wrapper {
@supports (anchor-name: --test) {
@media screen and (--bp-margin) { @media screen and (--bp-margin) {
position: absolute; position: absolute;
top: anchor(top); top: anchor(top);
} }
}
} }
.note { .note {
@@ -18,6 +20,7 @@
padding-left: var(--size-12); padding-left: var(--size-12);
font-family: var(--font-mono); font-family: var(--font-mono);
@supports (anchor-name: --test) {
@media screen and (--bp-margin) { @media screen and (--bp-margin) {
min-width: var(--size-64); min-width: var(--size-64);
margin-top: 0; margin-top: 0;
@@ -27,6 +30,7 @@
background: var(--color-surface-elevated-1); background: var(--color-surface-elevated-1);
box-shadow: 2px 2px 0 var(--color-palette-woodsmoke), 4px 4px 0 var(--color-palette-charcoal-gray); box-shadow: 2px 2px 0 var(--color-palette-woodsmoke), 4px 4px 0 var(--color-palette-charcoal-gray);
} }
}
} }
.marker { .marker {