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

docs: add documentation for $semantic-root-element

Browse source
This commit is contained in:
Lucas Larroche 2022-10-02 16:45:28 +07:00
parent 318bdd4793
commit 20869b20a2
5 changed files with 70 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

10
scss/_variables.scss
View file

@ -1,13 +1,16 @@
// Config
// ––––––––––––––––––––
// Enable <header>, <main>, <footer> inside <body> as a container
// Set the root element for $enable-semantic-container and $enable-responsive-spacings
$semantic-root-element: "body" !default;
// Enable <header>, <main>, <footer> inside $semantic-root-element as containers
$enable-semantic-container: false !default;
// Enable .container and .container-fluid
$enable-class-container: true !default;
// Enable a centered viewport for <header>, <main>, <footer> inside <body>
// Enable a centered viewport for <header>, <main>, <footer> inside $enable-semantic-container
// Fluid layout if disabled
$enable-viewport: true !default;
@ -32,9 +35,6 @@ $enable-transitions: true !default;
// Enable overriding with !important
$enable-important: true !default;
// Set the root element for $enable-semantic-container and $enable-responsive-spacings
$semantic-root-element: "body" !default;
// Responsive
// ––––––––––––––––––––

2
scss/pico.classless.scss
View file

@ -1,7 +1,7 @@
// Config
// --------------------
// Enable <header>, <main>, <footer> inside <body> as a container
// Enable <header>, <main>, <footer> inside $semantic-root-element as containers
$enable-semantic-container: true;
// Enable .classes

4
scss/pico.fluid.classless.scss
View file

@ -1,10 +1,10 @@
// Config
// --------------------
// Enable <header>, <main>, <footer> inside <body> as a container
// Enable <header>, <main>, <footer> inside $semantic-root-element as containers
$enable-semantic-container: true;
// Enable a centered viewport for <header>, <main>, <footer> inside <body>
// Enable a centered viewport for <header>, <main>, <footer> inside $enable-semantic-container
$enable-viewport: false;
// Enable .classes