the documentation for "Landmarks & section", specifically relating to the Root container, has this scss:
/* Custom Class-less version for React */
@use "pico" with (
// Define the root element used to target <header>, <main>, <footer>
// with $enable-semantic-container and $enable-responsive-spacings
$semantic-root-element: "#root";
// Enable <header>, <main>, <footer> inside $semantic-root-element as containers
$enable-semantic-container: true;
// Enable .classes
$enable-classes: false;
)
however, as far as I can tell, there are syntax problems with this example. I had to change the ; to commas at the end of the first 2 statements to make this work.
the documentation for "Landmarks & section", specifically relating to the Root container, has this scss:
however, as far as I can tell, there are syntax problems with this example. I had to change the
;
to commas at the end of the first 2 statements to make this work.the scss documentation seems to confirm this:
specifically, notice that it is
<variable>: <value>, <variable>: <value>
i.e. variable+values are separated by commas.cheers
p.s. github's own syntax highlighting seems to agree -- the semicolons above are shown in red..!