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

10 years later #1

Merged
sthag merged 374 commits from development into main 2026-03-07 00:18:59 +01:00
Conversation 0 Commits 374 Files changed 135 +11 -11
1 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit e856e53114 - Show all commits

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

@ -180,31 +180,31 @@
} }
.demo__query_example { .demo__query_example {
@include goingLarge($screen_tiny * 1px) {background-color: $alpha_color; } @include goingLarge($screen_tiny) {background-color: $alpha_color; }
@include goingLarge($screen_small * 1px) {background-color: $bravo_color; } @include goingLarge($screen_small) {background-color: $bravo_color; }
@include goingLarge($screen_medium * 1px) {background-color: $charlie_color; } @include goingLarge($screen_medium) {background-color: $charlie_color; }
@include goingLarge($screen_large * 1px) {background-color: $delta_color; } @include goingLarge($screen_large) {background-color: $delta_color; }
@include goingLarge($screen_huge * 1px) {background-color: $echo_color; } @include goingLarge($screen_huge) {background-color: $echo_color; }
@include goingLarge($screen_gigantic * 1px) {background-color: $foxtrot_color; } @include goingLarge($screen_gigantic) {background-color: $foxtrot_color; }
margin-bottom: $space_small; margin-bottom: $space_small;
padding: $space_small; padding: $space_small;
text-align: center; text-align: center;
&:after { &:after {
@extend code; @extend code;
@include goingLarge($screen_tiny * 1px) { @include goingLarge($screen_tiny) {
& { content: '768px'; } & { content: '768px'; }
} }
@include goingLarge($screen_small * 1px) { @include goingLarge($screen_small) {
& { content: '1024px'; } & { content: '1024px'; }
} }
@include goingLarge($screen_medium * 1px) { @include goingLarge($screen_medium) {
& { content: '1280px'; } & { content: '1280px'; }
} }
@include goingLarge($screen_huge * 1px) { @include goingLarge($screen_huge) {
& { content: '1680px'; } & { content: '1680px'; }
} }
@include goingLarge($screen_gigantic * 1px) { @include goingLarge($screen_gigantic) {
& { content: '1920px'; } & { content: '1920px'; }
} }
content: '< 768px'; content: '< 768px';