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

Neuer Ansatz für css Benennung

Browse source 
Paar grundlegende Klassen umbenannt.
Neue .gitignore
This commit is contained in:
Stephan 2017-08-16 19:49:36 +02:00
parent 7e85f9f654
commit 9c03fb44cc
8 changed files with 306 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

49
basic/_common.scss
View file

@ -57,30 +57,12 @@
// Structure attributes
// ------------------------------------------------------------------------------
// Simulate new body element
.screen_body {
width: $basic_width;
@media screen and (orientation: landscape) {
@media (min-width: $screen_small) {
width: $width_2;
}
@media (min-width: $screen_medium) {
width: $width_3;
}
@media (min-width: $screen_large) {
width: $width_4;
}
}
@media screen and (orientation: portrait) {
@media (min-width: $screen_small) {
width: $width_2;
}
}
margin: 0 auto;
border-top-width: $border_width_8;
border-top-style: solid;
border-color: $basic_border_color;
padding-top: $space_3;
%full_viewport {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
// Fixed elements
@ -95,13 +77,18 @@
}
// Absolute elements
.fullscreen_body {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: transparentize($alpha_color, .5);;
.viewport-full-body {
@extend %full_viewport;
background-color: transparentize($alpha_color, .5);
}
.viewport-hover-body {
@extend %full_viewport;
background-color: darken($basic_background_color, 20%);
transition: background-color .2s ease-in-out;
&:hover {
background-color: $basic_background_color;
}
}

29
basic/_grouping.scss
View file

@ -115,7 +115,7 @@ ul {
li {
list-style: none;
position: relative;
&:before {
content: "_";
position: absolute;
@ -144,4 +144,29 @@ main {
div {
}
}
.screen-box {
width: $basic_width;
@media screen and (orientation: landscape) {
@media (min-width: $screen_small) {
width: $width_2;
}
@media (min-width: $screen_medium) {
width: $width_3;
}
@media (min-width: $screen_large) {
width: $width_4;
}
}
@media screen and (orientation: portrait) {
@media (min-width: $screen_small) {
width: $width_2;
}
}
margin: 0 auto;
border-top-width: $border_width_8;
border-top-style: solid;
border-color: $basic_border_color;
padding-top: $space_3;
}

4
basic/_textlevel.scss
View file

@ -39,7 +39,7 @@ i, em {
}
b, strong {
font-weight: 500;
font-weight: 500; // TODO maybe bolder
}
small {
@ -143,4 +143,4 @@ ins {
del {
}
}