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

Replaced gulp with npm scripts

Browse source 
- Removed all gulp packages
- Replaced gulp tasks with npm scripts
- Some tasks are still missing
- Kept gulp files for reference
- Fixed media query styles
This commit is contained in:
Stephan Hagedorn 2022-08-11 23:21:35 +02:00
parent f7a5481fd2
commit e1714fde80
4 changed files with 49 additions and 17624 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';