diff --git a/source/style/modules/demo/_demo_module.scss b/source/style/modules/demo/_demo_module.scss index 044b671..0266f6c 100644 --- a/source/style/modules/demo/_demo_module.scss +++ b/source/style/modules/demo/_demo_module.scss @@ -180,31 +180,31 @@ } .demo__query_example { - @include goingLarge($screen_tiny * 1px) {background-color: $alpha_color; } - @include goingLarge($screen_small * 1px) {background-color: $bravo_color; } - @include goingLarge($screen_medium * 1px) {background-color: $charlie_color; } - @include goingLarge($screen_large * 1px) {background-color: $delta_color; } - @include goingLarge($screen_huge * 1px) {background-color: $echo_color; } - @include goingLarge($screen_gigantic * 1px) {background-color: $foxtrot_color; } + @include goingLarge($screen_tiny) {background-color: $alpha_color; } + @include goingLarge($screen_small) {background-color: $bravo_color; } + @include goingLarge($screen_medium) {background-color: $charlie_color; } + @include goingLarge($screen_large) {background-color: $delta_color; } + @include goingLarge($screen_huge) {background-color: $echo_color; } + @include goingLarge($screen_gigantic) {background-color: $foxtrot_color; } margin-bottom: $space_small; padding: $space_small; text-align: center; &:after { @extend code; - @include goingLarge($screen_tiny * 1px) { + @include goingLarge($screen_tiny) { & { content: '768px'; } } - @include goingLarge($screen_small * 1px) { + @include goingLarge($screen_small) { & { content: '1024px'; } } - @include goingLarge($screen_medium * 1px) { + @include goingLarge($screen_medium) { & { content: '1280px'; } } - @include goingLarge($screen_huge * 1px) { + @include goingLarge($screen_huge) { & { content: '1680px'; } } - @include goingLarge($screen_gigantic * 1px) { + @include goingLarge($screen_gigantic) { & { content: '1920px'; } } content: '< 768px';