Fixes to SASS

- Changes to sass:math
- Mediaqueries not working anymore
This commit is contained in:
Stephan Hagedorn 2022-08-08 21:45:53 +02:00
parent 5e667371e6
commit 0214054c81
4 changed files with 27 additions and 20 deletions

View file

@ -1,8 +1,11 @@
// Common styles for global usage
// -----------------------------------------------------------------------------
@use "sass:math";
// General classes
// -----------------------------------------------------------------------------
%size_content {
box-sizing: content-box;
}
@ -94,20 +97,20 @@
.wrap_center {
& > * {
margin-right: (100% - $width_basic) / 2;
margin-left: (100% - $width_basic) / 2;
margin-right: math.div((100% - $width_basic), 2);
margin-left: math.div((100% - $width_basic), 2);
@include forTabletPortraitUp {
margin-right: (100% - $width_small) / 2;
margin-left: (100% - $width_small) / 2;
margin-right: math.div((100% - $width_small), 2);
margin-left: math.div((100% - $width_small), 2);
}
@include forTabletLandscapeUp {
margin-right: (100% - $width_medium) / 2;
margin-left: (100% - $width_medium) / 2;
margin-right: math.div((100% - $width_medium), 2);
margin-left: math.div((100% - $width_medium), 2);
}
@include forBigDesktopUp {
margin-right: (100% - $width_large) / 2;
margin-left: (100% - $width_large) / 2;
margin-right: math.div((100% - $width_large), 2);
margin-left: math.div((100% - $width_large), 2);
}
}
}

View file

@ -1,5 +1,6 @@
// Default configuration
// ------------------------------------------------------------------------------
@use "sass:math";
@ -131,7 +132,7 @@ $width_aside_basic: 20% !default;
$space_tiny: 1px !default;
$space_basic: $space_tiny * 8 !default;
$space_half: $space_basic / 2;
$space_half: math.div($space_basic, 2);
$space_double: $space_basic * 2;
$space_small: $space_basic * 4;
$space_medium: $space_basic * 8;