diff options
Diffstat (limited to 'sass/include/_sectioning.scss')
| -rw-r--r-- | sass/include/_sectioning.scss | 40 |
1 files changed, 20 insertions, 20 deletions
diff --git a/sass/include/_sectioning.scss b/sass/include/_sectioning.scss index dd1026e..36b0a8e 100644 --- a/sass/include/_sectioning.scss +++ b/sass/include/_sectioning.scss @@ -2,7 +2,7 @@ * 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; @@ -27,21 +27,21 @@ footer { margin-left: auto; // Semantic container - @if $enable-semantic-container { + @if variables.$enable-semantic-container { padding: var(--s1); // Centered viewport max-width only - @if $enable-maxwidth { - @media (min-width: $mb) { - min-width: $mb; - max-width: $mw; + @if variables.$enable-maxwidth { + @media (min-width: variables.$mb) { + min-width: variables.$mb; + max-width: variables.$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"); + @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 { @@ -49,19 +49,19 @@ footer { } } } - @if map-get($breakpoints, "md") and $enable-viewport { - @media (min-width: map-get($breakpoints, "md")) { - max-width: map-get($viewports, "md"); + @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($breakpoints, "lg") and $enable-viewport { - @media (min-width: map-get($breakpoints, "lg")) { - max-width: map-get($viewports, "lg"); + @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($breakpoints, "xl") and $enable-viewport { - @media (min-width: map-get($breakpoints, "xl")) { - max-width: map-get($viewports, "xl"); + @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"); } } } @@ -85,4 +85,4 @@ footer{ hr, p { margin: 0.1rem 0 .3rem } -}
\ No newline at end of file +} |