src/assets/styles/mixins/_layout.scss
%layout {
width: 100%;
height: 100%;
max-width: $layout-width;
padding-left: $layout-margin;
padding-right: $layout-margin;
margin-left: auto;
margin-right: auto;
position: relative;
// outline: 1px solid #0FF;
@media (--tablet) {
padding-left: 10px;
padding-right: 10px;
}
@media (--desktop) {
padding-left: 20px;
padding-right: 20px;
}
}