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

feat: add $semantic-root-element variable

Browse source
This commit is contained in:
Jaiden Douglas 2022-08-21 12:03:00 +09:30
parent 8b63a5b6dd
commit a41422875f
No known key found for this signature in database
GPG key ID: F8CFF23528D6B002
13 changed files with 18 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

3
scss/_variables.scss
View file

@ -32,6 +32,9 @@ $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/layout/_sectioning.scss
View file

@ -17,7 +17,7 @@ main {
// ––––––––––––––––––––
// 1. Remove the margin in all browsers (opinionated)
body {
#{$semantic-root-element} {
width: 100%;
margin: 0; // 1

8
scss/themes/default/_styles.scss
View file

@ -74,10 +74,10 @@
// Responsives spacings
@if $enable-responsive-spacings {
// Sectionning
body > header,
body > main,
body > footer,
// Sectioning
#{$semantic-root-element} > header,
#{$semantic-root-element} > main,
#{$semantic-root-element} > footer,
section {
@if map-get($breakpoints, "sm") {
@media (min-width: map-get($breakpoints, "sm")) {