diff options
| author | Jieiku | 2023-05-22 23:12:14 -0700 |
|---|---|---|
| committer | Jieiku | 2023-05-22 23:12:14 -0700 |
| commit | f81a42045e29cc396af78b5d87ead874ba26fa18 (patch) | |
| tree | 6d73c8fcad4da03d2e8d5d7485079a38adc83a8e /sass/include/_sectioning.scss | |
| parent | 9543caf10ffdbcc2cea462a8bcb64cee29d406d5 (diff) | |
| download | abridge-f81a42045e29cc396af78b5d87ead874ba26fa18.tar.gz abridge-f81a42045e29cc396af78b5d87ead874ba26fa18.tar.bz2 abridge-f81a42045e29cc396af78b5d87ead874ba26fa18.zip | |
All Variables Easy Override
Diffstat (limited to 'sass/include/_sectioning.scss')
| -rw-r--r-- | sass/include/_sectioning.scss | 88 |
1 files changed, 0 insertions, 88 deletions
diff --git a/sass/include/_sectioning.scss b/sass/include/_sectioning.scss deleted file mode 100644 index a84842d..0000000 --- a/sass/include/_sectioning.scss +++ /dev/null @@ -1,88 +0,0 @@ -/** - * Sectioning: Container and responsive spacings for header, main, footer - * https://github.com/picocss/pico - */ -@use "../variables" as variables; -// Render the `main` element consistently in IE -main { - display: flex; - // should always have a single div that holds all content below main. - // TOC or Recent Posts are the only other sections that would be directly under main. - article, div { - flex: 1 1 0; - min-width: 0; - } -} - -body { - width: 100%; - margin: 0; -} - -header, -main, -footer { - width: 100%; - margin-right: auto; - margin-left: auto; - - // Semantic container - @if variables.$enable-semantic-container { - padding: var(--s1); - - // Centered viewport max-width only - @if variables.$enable-maxwidth { - @media (min-width: variables.$mb) { - min-width: variables.$mb; - max-width: variables.$mw; - } - } - // Centered viewport - @else if variables.$enable-viewport { - @if map-get(variables.$breakpoints, "sm") and variables.$enable-viewport { - @media (min-width: map-get(variables.$breakpoints, "sm")) { - max-width: map-get(variables.$viewports, "sm"); - //padding-right: 0; - //padding-left: 0; - .toc { - display: none; - } - } - } - @if map-get(variables.$breakpoints, "md") and variables.$enable-viewport { - @media (min-width: map-get(variables.$breakpoints, "md")) { - max-width: map-get(variables.$viewports, "md"); - } - } - @if map-get(variables.$breakpoints, "lg") and variables.$enable-viewport { - @media (min-width: map-get(variables.$breakpoints, "lg")) { - max-width: map-get(variables.$viewports, "lg"); - } - } - @if map-get(variables.$breakpoints, "xl") and variables.$enable-viewport { - @media (min-width: map-get(variables.$breakpoints, "xl")) { - max-width: map-get(variables.$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; - } -} -footer{ - line-height: var(--lhh); - hr, p { - margin: 0.1rem 0 .3rem; - } -} |
