sass-site/source/assets/sass/layout/_containers.scss
2023-01-12 12:19:42 -06:00

31 lines
520 B
SCSS

@use "../breakpoints";
@use "../functions";
.sl-l-container {
margin: {
right: auto;
left: auto;
}
padding: {
right: functions.sl-px-to-rem(16px);
left: functions.sl-px-to-rem(16px);
}
max-width: functions.sl-px-to-rem(1920px);
@include breakpoints.sl-breakpoint--small {
padding: {
right: functions.sl-px-to-rem(32px);
left: functions.sl-px-to-rem(32px);
}
}
&--small {
max-width: functions.sl-px-to-rem(960px);
}
.sl-l-container {
padding: 0;
}
}