2023-01-12 20:54:24 +01:00
|
|
|
@use '../breakpoints';
|
|
|
|
|
@use '../functions';
|
2023-01-12 19:19:42 +01:00
|
|
|
|
2023-01-06 22:40:29 +01:00
|
|
|
.sl-l-container {
|
2023-03-24 03:30:45 +01:00
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
2023-06-13 00:19:24 +02:00
|
|
|
max-width: var(--sl-container-max-width, functions.sl-px-to-rem(1920px));
|
2023-03-24 03:30:45 +01:00
|
|
|
padding-left: var(--sl-gutter);
|
|
|
|
|
padding-right: var(--sl-gutter);
|
2023-01-06 22:40:29 +01:00
|
|
|
|
2023-01-12 19:19:42 +01:00
|
|
|
@include breakpoints.sl-breakpoint--small {
|
2023-03-24 03:30:45 +01:00
|
|
|
padding-left: var(--sl-gutter--double);
|
|
|
|
|
padding-right: var(--sl-gutter--double);
|
2023-01-06 22:40:29 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&--small {
|
2023-01-12 19:19:42 +01:00
|
|
|
max-width: functions.sl-px-to-rem(960px);
|
2023-01-06 22:40:29 +01:00
|
|
|
}
|
|
|
|
|
|
2023-01-09 20:10:02 +01:00
|
|
|
.sl-l-container {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
2023-01-06 22:40:29 +01:00
|
|
|
}
|
