|
@@ -5,7 +5,8 @@
|
|
/**
|
|
/**
|
|
* Required Variables
|
|
* Required Variables
|
|
*/
|
|
*/
|
|
-$default_width: 750px;
|
|
|
|
|
|
+$default_width: 620px;
|
|
|
|
+$alignwide_width: 790px
|
|
$breakpoint_sm: 482px;
|
|
$breakpoint_sm: 482px;
|
|
$breakpoint_md: 592px;
|
|
$breakpoint_md: 592px;
|
|
$breakpoint_lg: 652px;
|
|
$breakpoint_lg: 652px;
|
|
@@ -80,7 +81,7 @@ $breakpoint_xxl: 1024px;
|
|
* Root Media Query Variables
|
|
* Root Media Query Variables
|
|
*/
|
|
*/
|
|
:root {
|
|
:root {
|
|
- --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
|
|
|
|
|
|
+ --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal));
|
|
--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
|
|
--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
|
|
--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
|
|
--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
|
|
--responsive--alignfull-width: 100%;
|
|
--responsive--alignfull-width: 100%;
|
|
@@ -99,7 +100,7 @@ $breakpoint_xxl: 1024px;
|
|
@include media(laptop) {
|
|
@include media(laptop) {
|
|
:root {
|
|
:root {
|
|
--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$default_width});
|
|
--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$default_width});
|
|
- --responsive--alignwide-width: calc(100vw - 8 * var(--global--spacing-horizontal));
|
|
|
|
|
|
+ --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$alignwide_width});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|