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

Next content push

Browse source 
- changed .gitignore for art folder
- add gulp processing for art
- changed nunjucks templates file structure to reflect demo files
- removed file for new styles
- renamed most sass variables
- added sass function for space classes
- great progress with content of the intro page
- moved old gulp tasks to DEPRECATED.md
This commit is contained in:
Stephan 2018-10-09 23:47:51 +02:00
parent 48437cc4f4
commit 92d1609213
37 changed files with 664 additions and 637 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -22,7 +22,7 @@
}
.demo__header {
padding: $double_space;
padding: $space_double;
nav {
@ -44,8 +44,8 @@
&:active,
&:focus,
&:hover {
background-color: rgba($brightest_color, 0.2);
color: $brightest_color;
background-color: rgba($color_brightest, 0.2);
color: $color_brightest;
}
}
}
@ -65,8 +65,8 @@
&:active,
&:focus,
&:hover {
background-color: rgba($brightest_color, 0.2);
color: $brightest_color;
background-color: rgba($color_brightest, 0.2);
color: $color_brightest;
}
}
}
@ -75,14 +75,14 @@
.demo__footer {
width: 100%;
// height: 128px;
padding: $double_space 0;
background-color: $dark_color;
color: $bright_color;
padding: $space_double 0;
background-color: $color_dark;
color: $color_bright;
nav {
a {
color: $brightest_color;
color: $color_brightest;
}
}
}
@ -126,7 +126,7 @@
}
.demo__credits {
margin: $space_small 0 $basic_space 0;
margin: $space_small 0 $space_basic 0;
}
.demo__button_32 {
@ -137,43 +137,43 @@
.demo__queries > p {
padding: $basic_padding;
padding: $padding_basic;
}
.query_phoneUp {
@include forPhoneUp {background-color: rgba($basic_font_color, 0.2)};
@include forPhoneUp {background-color: rgba($color_text_basic, 0.2)};
}
.query_phoneOnly {
@include forPhoneOnly { background-color: rgba($basic_font_color, 0.2); }
@include forPhoneOnly { background-color: rgba($color_text_basic, 0.2); }
}
.query_tabletPortaitOnly {
@include forTabletPortraitOnly { background-color: rgba($basic_font_color, 0.2); }
@include forTabletPortraitOnly { background-color: rgba($color_text_basic, 0.2); }
}
.query_tabletPortraitUp {
@include forTabletPortraitUp { background-color: rgba($basic_font_color, 0.2); }
@include forTabletPortraitUp { background-color: rgba($color_text_basic, 0.2); }
}
.query_tabletLandscapeOnly {
@include forTabletLandscapeOnly { background-color: rgba($basic_font_color, 0.2); }
@include forTabletLandscapeOnly { background-color: rgba($color_text_basic, 0.2); }
}
.query_tabletLandscapeUp {
@include forTabletLandscapeUp { background-color: rgba($basic_font_color, 0.2); }
@include forTabletLandscapeUp { background-color: rgba($color_text_basic, 0.2); }
}
.query_desktopOnly {
@include forDesktopOnly { background-color: rgba($basic_font_color, 0.2); }
@include forDesktopOnly { background-color: rgba($color_text_basic, 0.2); }
}
.query_desktopUp {
@include forDesktopUp { background-color: rgba($basic_font_color, 0.2); }
@include forDesktopUp { background-color: rgba($color_text_basic, 0.2); }
}
.query_bigDesktopUp {
@include forBigDesktopUp { background-color: rgba($basic_font_color, 0.2); }
@include forBigDesktopUp { background-color: rgba($color_text_basic, 0.2); }
}
.demo__query_example {
@ -205,10 +205,10 @@
& { content: '1920px'; }
}
content: '< 768px';
padding: $basic_padding;
border-radius: $basic_corner_radius;
color: $brightest_color;
background-color: rgba($basic_front_color, 0.2);
padding: $padding_basic;
border-radius: $radius_basic;
color: $color_brightest;
background-color: rgba($color_front_basic, 0.2);
}
}
@ -222,11 +222,11 @@
}
.demo__td_pr {
padding-right: $double_space;
padding-right: $space_double;
}
.demo__td_pl {
padding-left: $double_space;
padding-left: $space_double;
}
// Index
@ -244,6 +244,6 @@
ul {
padding: 1em 5em;
background-color: darken($color_back_basic, $color_diff_basic);
background-color: $color_darker;
}
}