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);
}
}
}