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

Modules and maintenance

Browse source 
- Update to modules
- Added ESLint configuration
- Tried to fix SASS but still no automatic reload
- Gulp not working anymore
This commit is contained in:
Stephan Hagedorn 2022-08-08 21:43:54 +02:00
parent 6b217b6ebb
commit 534115ff28
7 changed files with 749 additions and 1033 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 * 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; }
margin-bottom: $space_small;
padding: $space_small;
text-align: center;
&:after {
@extend code;
@include goingLarge($screen_tiny/1px) {
@include goingLarge($screen_tiny * 1px) {
& { content: '768px'; }
}
@include goingLarge($screen_small/1px) {
@include goingLarge($screen_small * 1px) {
& { content: '1024px'; }
}
@include goingLarge($screen_medium/1px) {
@include goingLarge($screen_medium * 1px) {
& { content: '1280px'; }
}
@include goingLarge($screen_huge/1px) {
@include goingLarge($screen_huge * 1px) {
& { content: '1680px'; }
}
@include goingLarge($screen_gigantic/1px) {
@include goingLarge($screen_gigantic * 1px) {
& { content: '1920px'; }
}
content: '< 768px';