Mostly renaming

This commit is contained in:
Stephan Hagedorn 2017-09-01 15:32:07 +02:00
parent e8ab9a51d7
commit 7e5c9cdf0d
8 changed files with 90 additions and 85 deletions

View file

@ -12,21 +12,6 @@ p {
}
}
.p__column_line {
column-rule: $basic_border_width solid $darkest_color;
}
.p__column_2, .p__column_3 {
@extend p;
}
.p__column_2 {
column-count: 2;
column-gap: $space_3;
}
.p__column_3 {
column-count: 3;
column-gap: $space_4;
}
// Address
address {
@ -153,7 +138,7 @@ ul {
.list__horizontal {
overflow: auto;
li {
@extend .float_left;
@extend .float_space_left;
}
}
@ -199,12 +184,31 @@ div {
// width: 100%;
}
// Inline
.box__inline_left {
@extend .float_left;
@extend .float_space_left;
// padding: $basic_space / 2;
}
// Columns
.block__column_line {
column-rule: $basic_border;
}
.block__column_2, .block__column_3 {
@extend p;
}
.block__column_2 {
column-count: 2;
column-gap: $space_3;
}
.block__column_3 {
column-count: 3;
column-gap: $space_4;
}
// Space and placeholders
.box__space {
position: relative;
@ -245,22 +249,15 @@ div {
background-color: rgba($darkest_color,.1);
}
// Data
.box__file_tile {
@extend .float_left;
@extend .float_space_left;
}
// Flex
.box__column_old {
overflow: auto;
.column_old {
float: left;
width: 50%;
}
}
.box__column {
.flex__column_wrap {
@extend .flex;
.column {

View file

@ -25,8 +25,10 @@ body {
::after {
box-sizing: inherit;
}
&:hover {
.trigger__hover {
.layer__hover {
background-color: transparent;
}
}
@ -42,6 +44,9 @@ section {
.sec__main_center {
width: $basic_width;
margin: 0 auto;
padding-top: $space_3;
@media screen and (orientation: landscape) {
@media (min-width: $screen_small) {
width: $width_small;
@ -53,16 +58,16 @@ section {
width: $width_large;
}
}
@media screen and (orientation: portrait) {
@media (min-width: $screen_small) {
width: $width_small;
}
}
margin: 0 auto;
padding-top: $space_3;
}
aside {
&.right + section {
margin-right: calc(#{$basic_aside_width} + #{$basic_space});
}
@ -79,12 +84,15 @@ nav {
aside {
width: $basic_aside_width;
&.left {
float: left;
}
&.right {
float: right;
}
*:first-child {
margin-top: 0;
}