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

New stuff

Browse source
This commit is contained in:
Stephan Hagedorn 2017-08-22 16:50:09 +02:00
parent db96a298fb
commit f97f76ee3d
30 changed files with 1463 additions and 1146 deletions
Download patch file Download diff file Expand all files Collapse all files

2
modules/card/_card_module.scss
View file

@ -85,7 +85,7 @@ margin-top: 16px;
text-indent: -1em;
text-align: center;
}
.marked:before { content: "*\0000a0" }
.marked::before { content: "*\0000a0" }
.decent { color: #666 }
a {
color: #000;

93
modules/demo/_demo_module.scss Normal file
View file

@ -0,0 +1,93 @@
.demo__intro {
@extend .sec__main_center;
border-top-width: $border_width_8;
border-top-style: solid;
border-color: $basic_border_color;
padding-top: $space_3;
}
.demo__header {
padding: $space_2;
nav {
ul {
margin: 0;
}
}
}
.header__fancy {
background-color: transparentize($bravo_color, .4);
nav {
a {
background-color: transparentize($alpha_color, .4);
color: $alpha_color;
&:active,
&:focus,
&:hover {
background-color: rgba($brightest_color, .2);
color: $brightest_color;
}
}
}
}
.header__fix {
position: relative;
top: 0;
width: 100%;
background-color: transparentize($charlie_color, .4);
nav {
a {
&:active,
&:focus,
&:hover {
background-color: rgba($brightest_color, .2);
color: $brightest_color;
}
}
}
}
.demo__footer {
width: 100%;
// height: 128px;
padding: $space_2 0;
background-color: $dark_color;
color: $bright_color;
nav {
a {
color: $brightest_color;
}
}
}
.demo__avatar {
img {
opacity: 1;
width: 128px;
height: auto;
min-width: 128px;
min-height: 128px;
border-radius: 50%;
background-color: $delta_color;
}
}
.demo__flag {
height: 40vh;
}
.demo__credits {
margin: $space_3 0 $basic_space 0;
}

4
modules/editor/_editor_module.scss
View file

@ -12,7 +12,7 @@
}
.wip {
@extend %wip;
&:before, &:after {
&::before, &::after {
content: "";
display: block;
height: 48px;
@ -20,4 +20,4 @@
}
.wip_txt {
@extend %wip;
}
}

16
modules/explanation/_explanation_module.scss
View file

@ -7,7 +7,7 @@
// ------------------------------------------------------------------------------
%expose_after {
&:after {
&::after {
content: "";
display: block;
height: 48px;
@ -15,7 +15,7 @@
}
}
%expose_before {
&:before {
&::before {
content: "";
display: block;
height: 48px;
@ -23,7 +23,7 @@
}
}
%expose {
&:before, &:after {
&::before, &::after {
content: "";
display: block;
height: 48px;
@ -61,7 +61,7 @@
border: $tiny_space solid $basic_highlight_color;
border-radius: $basic_size;
color: $basic_highlight_color;
background-color: $dark_color;
background-color: $darkest_color;
}
.exp_expose {
@ -85,16 +85,16 @@
display: table;
right: $space_2;
bottom: $space_2;
background-color: rgba($dark_color, .4);
background-color: rgba($darkest_color, .4);
&:hover {
background-color: $bright_color;
background-color: $brightest_color;
> .span__solo {
color: $dark_color;
color: $darkest_color;
}
}
.span__solo {
display: table-cell;
color: rgba($bright_color, .8);
color: rgba($brightest_color, .8);
font-family: $monospace_font_family;
font-size: 1.4em;
text-align: center;

22
modules/navigation/_nav_module.scss
View file

@ -39,6 +39,26 @@ nav {
}
}
.nav__separate {
li {
position: relative;
padding-left: $tiny_space;
&:not(:first-child) {
&::before {
content: "";
position: absolute;
width: $tiny_space;
height: 100%;
left: 0;
top: 0;
background-color: $darkest_color;
}
}
}
}
.nav__separate_right {
float: right;
li {
@ -54,7 +74,7 @@ nav {
height: 100%;
left: 0;
top: 0;
background-color: $bright_color;
background-color: $brightest_color;
margin: 0 $basic_space;
}
}

2
modules/print/_print_module.scss
View file

@ -7,7 +7,7 @@
// ------------------------------------------------------------------------------
%paper {
background-color: $bright_color;
background-color: $brightest_color;
}
$a4: ".dina4" 1.2cm 1.2cm 1.2cm 2.4cm;

2
modules/tables/_tables_module.scss
View file

@ -7,7 +7,7 @@
border-bottom: $cell_border;
&:hover {
background-color: $light_color;
background-color: $bright_color;
}
}