New content

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

View file

@ -12,6 +12,7 @@ html {
// -----------------------------------------------------------------------------
body {
position: relative;
box-sizing: $box_sizing;
font-family: $primary_font_family;
font-size: $basic_size;
@ -24,6 +25,11 @@ body {
::after {
box-sizing: inherit;
}
&:hover {
.trigger__hover {
background-color: transparent;
}
}
}
article {
@ -34,14 +40,39 @@ section {
}
aside.right + section {
margin-right: calc(#{$basic_aside_width} + #{$basic_space});
.sec__main_center {
width: $basic_width;
@media screen and (orientation: landscape) {
@media (min-width: $screen_small) {
width: $width_small;
}
@media (min-width: $screen_medium) {
width: $width_medium;
}
@media (min-width: $screen_large) {
width: $width_large;
}
}
@media screen and (orientation: portrait) {
@media (min-width: $screen_small) {
width: $width_small;
}
}
margin: 0 auto;
padding-top: $space_3;
}
aside.left + section {
margin-left: calc(#{$basic_aside_width} + #{$basic_space});
aside {
&.right + section {
margin-right: calc(#{$basic_aside_width} + #{$basic_space});
}
&.left + section {
margin-left: calc(#{$basic_aside_width} + #{$basic_space});
}
}
nav {
}
@ -63,6 +94,10 @@ header {
}
.header__page {
overflow: auto;
}
footer {
}