interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

Correction for media query

Browse source
This commit is contained in:
sthag 2023-10-25 17:32:33 +02:00
parent b6ec313f26
commit e856e53114
1 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

22
source/style/modules/demo/_demo_module.scss
View file

@ -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';