mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-24 10:26:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix landmark selectors not working properly for Svelte

Browse source
This commit is contained in:
hfcRed 2025-03-27 18:00:28 +01:00
parent 1039a4788d
commit d1b91aeb92
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
scss/layout/_landmarks.scss
View file

@ -27,7 +27,14 @@
#{$parent-selector} #{$semantic-root-element} {
> header,
> main,
> footer {
> footer,
> div[style="display: contents"] > header,
> div[style="display: contents"] > main,
> div[style="display: contents"] > footer {
// Target "display: contents" to support Svelte forcing a wrapping div
// - https: //github.com/sveltejs/kit/discussions/7585
// ––––––––––––––––––––
// <header>, <main>, <footer> as containers
@if $enable-semantic-container {
$first-breakpoint: true;