From c7b914505b6505b013610cc71e3b50d68c4a5473 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Tue, 23 Aug 2022 13:41:41 -0700 Subject: Optimizations, Update Readme YellowLabTools --- sass/include/_sectioning.scss | 108 +++++++++++++++++++++--------------------- 1 file changed, 54 insertions(+), 54 deletions(-) (limited to 'sass/include/_sectioning.scss') diff --git a/sass/include/_sectioning.scss b/sass/include/_sectioning.scss index 948e3e2..dd1026e 100644 --- a/sass/include/_sectioning.scss +++ b/sass/include/_sectioning.scss @@ -17,72 +17,72 @@ main { body { width: 100%; margin: 0; +} - > header, - > main, - > footer { - width: 100%; - margin-right: auto; - margin-left: auto; +header, +main, +footer { + width: 100%; + margin-right: auto; + margin-left: auto; - // Semantic container - @if $enable-semantic-container { - padding: var(--s1); + // Semantic container + @if $enable-semantic-container { + padding: var(--s1); - // Centered viewport max-width only - @if $enable-maxwidth { - @media (min-width: $mb) { - min-width: $mb; - max-width: $mw; - } + // Centered viewport max-width only + @if $enable-maxwidth { + @media (min-width: $mb) { + min-width: $mb; + max-width: $mw; } - // Centered viewport - @else if $enable-viewport { - @if map-get($breakpoints, "sm") and $enable-viewport { - @media (min-width: map-get($breakpoints, "sm")) { - max-width: map-get($viewports, "sm"); - //padding-right: 0; - //padding-left: 0; - .toc { - display: none; - } + } + // Centered viewport + @else if $enable-viewport { + @if map-get($breakpoints, "sm") and $enable-viewport { + @media (min-width: map-get($breakpoints, "sm")) { + max-width: map-get($viewports, "sm"); + //padding-right: 0; + //padding-left: 0; + .toc { + display: none; } } - @if map-get($breakpoints, "md") and $enable-viewport { - @media (min-width: map-get($breakpoints, "md")) { - max-width: map-get($viewports, "md"); - } + } + @if map-get($breakpoints, "md") and $enable-viewport { + @media (min-width: map-get($breakpoints, "md")) { + max-width: map-get($viewports, "md"); } - @if map-get($breakpoints, "lg") and $enable-viewport { - @media (min-width: map-get($breakpoints, "lg")) { - max-width: map-get($viewports, "lg"); - } + } + @if map-get($breakpoints, "lg") and $enable-viewport { + @media (min-width: map-get($breakpoints, "lg")) { + max-width: map-get($viewports, "lg"); } - @if map-get($breakpoints, "xl") and $enable-viewport { - @media (min-width: map-get($breakpoints, "xl")) { - max-width: map-get($viewports, "xl"); - } + } + @if map-get($breakpoints, "xl") and $enable-viewport { + @media (min-width: map-get($breakpoints, "xl")) { + max-width: map-get($viewports, "xl"); } } } - // Semantic container - @else { - padding: var(--s1) 0; - } } - header, main { - padding-top: 0; - margin-top: 0; - padding-bottom: 0; - margin-bottom: 0; - hr { - margin:0.1rem 0 - } + // Semantic container + @else { + padding: var(--s1) 0; } - footer{ - line-height: var(--lhh); - hr, p { - margin: 0.1rem 0 .3rem - } +} +header, main { + padding-top: 0; + margin-top: 0; + padding-bottom: 0; + margin-bottom: 0; + hr { + margin:0.1rem 0 } } +footer{ + line-height: var(--lhh); + hr, p { + margin: 0.1rem 0 .3rem + } +} \ No newline at end of file -- cgit v1.3.1