sass-site/source/assets/sass/layout/_containers.scss

30 lines
695 B
SCSS

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