Fixes to SASS
- Changes to sass:math - Mediaqueries not working anymore
This commit is contained in:
parent
5e667371e6
commit
0214054c81
4 changed files with 27 additions and 20 deletions
|
|
@ -1,3 +1,5 @@
|
|||
@use "sass:math";
|
||||
|
||||
//Sections for Media Queries
|
||||
@mixin forPhoneUp {
|
||||
@media (min-width: #{$screen_tiny - 1}) { @content; } //599px
|
||||
|
|
@ -29,10 +31,12 @@
|
|||
|
||||
//Mobile-first Media Query
|
||||
@mixin goingLarge($width) {
|
||||
@media (min-width: $width/16+em) { @content; }
|
||||
// @media (min-width: $width/16+em) { @content; }
|
||||
// @media (min-width: (math.div($width, 16)+em)) { @content; }
|
||||
@media (min-width: (math.div($width, 16))) { @content; }
|
||||
}
|
||||
|
||||
//Desktop-first Media Query
|
||||
@mixin goingSmall($width) {
|
||||
@media (max-width: $width/16+em) { @content; }
|
||||
@media (max-width: (math.div($width, 16)+em)) { @content; }
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue