10 lines
520 B
SCSS
10 lines
520 B
SCSS
|
.container--main {
|
||
|
|
padding-top: map-get($spacers, 3);
|
||
|
|
padding-bottom: map-get($spacers, 3);
|
||
|
|
// Sass doesn't know about the safe-area-inset-* env vars and throws a syntax error
|
||
|
|
// We can get around this by using unquote()
|
||
|
|
// Sass also has its own built-in max() function which is not the same as the CSS one
|
||
|
|
// In order to use the correct one we can write it as Max() instead
|
||
|
|
padding-left: unquote('Max(15px, env(safe-area-inset-left))');
|
||
|
|
padding-right: unquote('Max(15px, env(safe-area-inset-right))');
|
||
|
|
}
|