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

New content

Browse source 
Renamed many variables
New modules for special elements
Added demo content
This commit is contained in:
Stephan Hagedorn 2017-08-21 08:06:46 +02:00
parent 933806cb72
commit 9b2f7260ad
19 changed files with 1010 additions and 1081 deletions
Download patch file Download diff file Expand all files Collapse all files

10
modules/explanation/_explanation_module.scss
View file

@ -61,7 +61,7 @@
border: $tiny_space solid $basic_highlight_color;
border-radius: $basic_size;
color: $basic_highlight_color;
background-color: $black;
background-color: $dark_color;
}
.exp_expose {
@ -85,16 +85,16 @@
display: table;
right: $space_2;
bottom: $space_2;
background-color: rgba($black, .4);
background-color: rgba($dark_color, .4);
&:hover {
background-color: $white;
background-color: $bright_color;
> .span__solo {
color: $black;
color: $dark_color;
}
}
.span__solo {
display: table-cell;
color: rgba($white, .8);
color: rgba($bright_color, .8);
font-family: $monospace_font_family;
font-size: 1.4em;
text-align: center;

121
modules/navigation/_nav_module.scss Normal file
View file

@ -0,0 +1,121 @@
nav {
ul {
padding-left: 0;
}
li {
margin-bottom: $basic_space;
list-style: none;
}
}
.nav__horizontal {
ul {
@extend .overflow;
li {
@extend .float_left;
margin-right: $basic_space;
margin-bottom: 0;
}
}
}
.nav__center_old {
@extend .nav__horizontal;
float: right;
position: relative;
left: -50%;
ul {
position: relative;
left: 50%;
text-align: center;
}
}
.nav__page_meta {
position: fixed;
// display: table;
// width: 3em;
right: 0;
bottom: $space_2;
ul {
margin: $basic_space 0;
}
li {
margin-bottom: 0;
}
.a_button_meta {
// display: table-cell;
display: inline-block;
&:active,
&:focus {
background-color: transparent;
}
&:hover {
background-color: $basic_action_color;
}
}
}
.header__page {
nav {
@extend .nav__horizontal;
ul {
margin: $basic_space 0;
}
li:last-child {
margin-right: 0;
}
a {
&:active,
&:focus,
&:hover {
background-color: rgba($basic_font_color, .2);
color: $basic_font_color;
}
}
}
.nav__right {
float: right;
margin-left: $basic_space;
.align_parent {
margin-right: $basic_space * -1;
}
}
.nav__separate_right {
float: right;
li {
position: relative;
&:first-child {
padding-left: $basic_space * 2 + $tiny_space;
&::before {
content: "";
position: absolute;
width: $tiny_space;
height: 100%;
left: 0;
top: 0;
background-color: $bright_color;
margin: 0 $basic_space;
}
}
}
}
}

2
modules/print/_print_module.scss
View file

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

30
modules/tables/_tables_module.scss
View file

@ -1,4 +1,4 @@
.table-link_list {
.table__link {
width: 100%;
border: 0;
table-layout: auto;
@ -15,7 +15,7 @@
border: 0;
}
.cell_icon {
.cell__icon {
width: 48px;
text-align: center;
img {
@ -23,38 +23,36 @@
}
}
.cell_link {
.cell__link {
padding-right: $basic_space;
padding-left: $basic_space;
&:hover {
background-color: $foxtrot_color;
a:first-child {
display: none;
}
a:last-child {
display: block;
color: $basic_highlight_color;
}
}
a {
display: block;
}
.link_url {
display: none;
}
&:hover .link_url {
display: block;
color: $basic_highlight_color;
}
&:hover .link_text {
a:last-child {
display: none;
}
}
.cell_date {
width: 12%;
th:last-child, .cell__date {
width: 16%;
text-align: center;
}
.cell_text {
.cell__text {
padding-right: $basic_space;
padding-left: $basic_space;