mirror of
https://github.com/picocss/pico.git
synced 2025-04-20 08:45:06 -04:00
feat: add $semantic-root-element variable
This commit is contained in:
parent
8b63a5b6dd
commit
a41422875f
13 changed files with 18 additions and 15 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -32,6 +32,9 @@ $enable-transitions: true !default;
|
||||||
// Enable overriding with !important
|
// Enable overriding with !important
|
||||||
$enable-important: true !default;
|
$enable-important: true !default;
|
||||||
|
|
||||||
|
// Set the root element for $enable-semantic-container and $enable-responsive-spacings
|
||||||
|
$semantic-root-element: "body" !default;
|
||||||
|
|
||||||
// Responsive
|
// Responsive
|
||||||
// ––––––––––––––––––––
|
// ––––––––––––––––––––
|
||||||
|
|
||||||
|
|
|
@ -17,7 +17,7 @@ main {
|
||||||
// ––––––––––––––––––––
|
// ––––––––––––––––––––
|
||||||
|
|
||||||
// 1. Remove the margin in all browsers (opinionated)
|
// 1. Remove the margin in all browsers (opinionated)
|
||||||
body {
|
#{$semantic-root-element} {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0; // 1
|
margin: 0; // 1
|
||||||
|
|
||||||
|
|
|
@ -74,10 +74,10 @@
|
||||||
|
|
||||||
// Responsives spacings
|
// Responsives spacings
|
||||||
@if $enable-responsive-spacings {
|
@if $enable-responsive-spacings {
|
||||||
// Sectionning
|
// Sectioning
|
||||||
body > header,
|
#{$semantic-root-element} > header,
|
||||||
body > main,
|
#{$semantic-root-element} > main,
|
||||||
body > footer,
|
#{$semantic-root-element} > footer,
|
||||||
section {
|
section {
|
||||||
@if map-get($breakpoints, "sm") {
|
@if map-get($breakpoints, "sm") {
|
||||||
@media (min-width: map-get($breakpoints, "sm")) {
|
@media (min-width: map-get($breakpoints, "sm")) {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue