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

Klassennamen und Variablen

Browse source 
Neuer Standard für Klassennamen _ und __
This commit is contained in:
Stephan Hagedorn 2017-08-18 01:35:50 +02:00
parent e7ca01dd40
commit 933806cb72
10 changed files with 231 additions and 219 deletions
Download patch file Download diff file Expand all files Collapse all files

65
basic/_common.scss
View file

@ -65,68 +65,35 @@
height: 100vh;
}
%full_parent {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
// Fixed elements
.relative {
.pos_rel {
position: relative;
}
.div_fix {
.pos_fix {
position: fixed;
}
.bottom {
.pos_bottom {
bottom: 0;
}
// Absolute elements
.viewport-full-body {
.pos_full_view {
@extend %full_viewport;
background-color: transparentize($alpha_color, .5);
background-color: rgba($alpha_color, .5);
}
.hover_background_change {
background-color: darken($basic_background_color, 20%);
.hover_back_change {
background-color: darken($basic_back_color, 10%);
transition: background-color .2s ease-in-out;
&:hover {
background-color: $basic_background_color;
background-color: $basic_back_color;
}
}
// Space and placeholders
.space_box {
float: left;
display: table;
width: $space_4;
text-align: center;
vertical-align: middle;
span {
display: table-cell;
}
}
.div_placeholder {
width: 100%;
height: $space_4;
border: $border_width_4 solid rgba($black,.1);
border-radius: $basic_corner;
padding: $basic_space;
background-color: rgba($black,.1);
svg {
vertical-align: top;
}
}
.div_placeholder_bkg {
width: 100%;
height: $space_4;
border: $border_width_4 solid rgba($black,.1);
border-radius: $basic_corner;
padding: $basic_space;
/*data:[<mime type>][;charset=<charset>][;base64],<encoded data>*/
background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='100%' height='100%'><line x1='2%' y1='2%' x2='98%' y2='98%' stroke='#000' stroke-width='.5'/><line x1='0' y1='100%' x2='100%' y2='0' stroke='#000' stroke-width='.5'/></svg>") no-repeat;
background-color: rgba($black,.1);
}
.div_info {
padding: $space_2 $basic_indent;
border-right: $basic_space solid rgba($echo_color, .6);
background-color: rgba($echo_color, .1) !important;
}