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

demo.3

Browse source 
* moved templates to demo structure
* new sass version
* restructure of some styles for demo
This commit is contained in:
Stephan 2018-08-20 22:42:46 +02:00
parent 4708896f79
commit a810ec2770
15 changed files with 187 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

38
source/style/_demo_new.scss Normal file
View file

@ -0,0 +1,38 @@
.test {
li::after {
content: "";
display: block;
height: 16px;
}
}
.front_color_1 { color: $alpha_color; &::after { background-color: $alpha_color; } }
.front_color_2 { color: $bravo_color; &::after { background-color: $bravo_color; } }
.front_color_3 { color: $charlie_color; &::after { background-color: $charlie_color; } }
.front_color_4 { color: $delta_color; &::after { background-color: $delta_color; } }
.front_color_5 { color: $echo_color; &::after { background-color: $echo_color; } }
.back_color_1 { background-color: $alpha_color;}
.back_color_2 { background-color: $bravo_color;}
.back_color_3 { background-color: $charlie_color;}
.back_color_4 { background-color: $delta_color;}
.back_color_5 { background-color: $echo_color;}
%label {
padding: 0 $half_space;
}
.label_1 {
@extend %label;
@extend .back_color_1;
}
.label_2 {
@extend %label;
@extend .back_color_2;
}
.label_3 {
@extend %label;
@extend .back_color_3;
}