63 lines
1.6 KiB
SCSS
63 lines
1.6 KiB
SCSS
|
@use "sass:map";
|
|||
|
|
@use "../settings" as *;
|
|||
|
|
|
|||
|
|
@if map.get($modules, "layout/landmarks") {
|
|||
|
|
/**
|
|||
|
|
* Landmarks
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
// Reboot based on :
|
|||
|
|
// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
|
|||
|
|
// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css
|
|||
|
|
// ––––––––––––––––––––
|
|||
|
|
|
|||
|
|
// 1. Remove the margin in all browsers (opinionated)
|
|||
|
|
body {
|
|||
|
|
width: 100%;
|
|||
|
|
margin: 0; // 1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Render the `main` element consistently in IE
|
|||
|
|
main {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Pico
|
|||
|
|
// ––––––––––––––––––––
|
|||
|
|
#{$parent-selector} #{$semantic-root-element} {
|
|||
|
|
> header,
|
|||
|
|
> main,
|
|||
|
|
> footer {
|
|||
|
|
// <header>, <main>, <footer> as containers
|
|||
|
|
@if $enable-semantic-container {
|
|||
|
|
$first-breakpoint: true;
|
|||
|
|
width: 100%;
|
|||
|
|
margin-right: auto;
|
|||
|
|
margin-left: auto;
|
|||
|
|
padding: var(#{$css-var-prefix}block-spacing-vertical)
|
|||
|
|
var(#{$css-var-prefix}block-spacing-horizontal);
|
|||
|
|
|
|||
|
|
@if $enable-viewport {
|
|||
|
|
@each $key, $values in $breakpoints {
|
|||
|
|
@if $values {
|
|||
|
|
@media (min-width: map.get($values, "breakpoint")) {
|
|||
|
|
max-width: map.get($values, "viewport");
|
|||
|
|
@if $first-breakpoint {
|
|||
|
|
$first-breakpoint: false;
|
|||
|
|
padding-right: 0;
|
|||
|
|
padding-left: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Regular vertical spacings for <header>, <main>, <footer>
|
|||
|
|
@else {
|
|||
|
|
padding-block: var(#{$css-var-prefix}block-spacing-vertical);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|