sass-site/source/assets/sass/layout/_containers.scss
2023-02-21 13:51:32 -06:00

31 lines
488 B
SCSS

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