Add proper fallback which is disabled on polyfill load

vielle.dev / site-archive

fork atom

[Archived] Archived WIP of vielle.dev

fork atom

vielle.dev 8 months ago 6be3cadc 03e4fd41

verified

+3 -3

1 changed file

expand all

unified split

src

components

generic

Nav.astro

+3 -3

src/components/generic/Nav.astro

··· 118 118 width: max-content; 119 119 120 120 /* fallback for no anchor support */ 121 - border-color: red; 121 + right: -20px; 122 122 123 123 /* browser native anchor-positioning (chromium 125+ at time of writing) */ 124 124 @supports (anchor-name: --supports-anchor) { 125 - border-color: blue; 125 + right: unset; 126 126 } 127 127 128 128 /* polyfilled anchor-positioning 129 129 polyfill doesnt trigger support */ 130 130 @supports not (anchor-name: --supports-anchor) { 131 131 [data-anchor-polyfill="loaded"] & { 132 - border-color: yellow; 132 + right: unset; 133 133 } 134 134 } 135 135