diff options
author | luxagraf <sng@luxagraf> | 2021-01-15 14:54:30 -0500 |
---|---|---|
committer | luxagraf <sng@luxagraf> | 2021-01-15 14:54:30 -0500 |
commit | 47b79fd9d4329e73cef7929ed8f64d9eeb287ae5 (patch) | |
tree | 189381bfe0d81fdc1105679910114deaab3cdb58 /design/sass/_queries.scss | |
parent | e61f3d2c4537a2670c40b33eb02231a71dfb028a (diff) |
Proj: Massive design overhaul to simplify code
Cut out Sass syntax, deleted old CSS rules, changed HTML to use
fewer lists and more cascading instead of specific rules. Still requires
compiling with sass to strip comments and compress, but would in theory
work on its own.
Reduced CSS file size by 2/3
Diffstat (limited to 'design/sass/_queries.scss')
-rw-r--r-- | design/sass/_queries.scss | 11 |
1 files changed, 2 insertions, 9 deletions
diff --git a/design/sass/_queries.scss b/design/sass/_queries.scss index 8a0eec2..3e563aa 100644 --- a/design/sass/_queries.scss +++ b/design/sass/_queries.scss @@ -1,23 +1,16 @@ -$breakpoint-omega: 420px; //728 -$breakpoint-alpha: 728px; //728 +$breakpoint-alpha: 750px; //728 $breakpoint-beta: 824px; //784 $breakpoint-gamma: 960px; $breakpoint-delta: 1170px; -$breakpoint-epsilon: $max_width; +$breakpoint-epsilon: 1440px; @mixin breakpoint($point) { - @if $point == "omega" { - @media screen and (min-width:$breakpoint-omega ){ @content; } - } @if $point == "alpha" { @media screen and (min-width:$breakpoint-alpha ){ @content; } } @else if $point == "beta" { @media screen and (min-width: $breakpoint-beta) { @content; } } - @else if $point == "beta-2" { - @media screen and (min-width: $breakpoint-beta-2) { @content; } - } @else if $point == "gamma" { @media screen and (min-width: $breakpoint-gamma) { @content; } } |