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

Changes to selector naming and structuring

Browse source 
Modules are still on old scheme
This commit is contained in:
Stephan 2016-12-08 12:00:56 +01:00
parent f87bcf3df1
commit da18a756f3
1 changed files with 16 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

30
modules/card/_card_module.scss
View file

@ -6,24 +6,28 @@
// Card module styles // Card module styles
// ------------------------------------------------------------------------------ // ------------------------------------------------------------------------------
%absolute_full {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.card_body { .card_body {
.bkgBox { .bkg_box {
@extend absolute_full;
transition-duration: 800ms; transition-duration: 800ms;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; overflow: hidden;
vertical-align: top; vertical-align: top;
z-index: -1; z-index: -1;
} }
.bkgBox > svg { .bkg_box > svg {
position: relative; position: relative;
} }
.wrapperBox { .flex_wrap_center {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -moz-box; display: -moz-box;
@ -42,7 +46,7 @@
height: 100%; height: 100%;
} }
#content { .flex_content {
position: relative; position: relative;
padding: 64px 64px 24px 64px; padding: 64px 64px 24px 64px;
border: 1px solid #FFF; border: 1px solid #FFF;
@ -53,7 +57,6 @@
h1 { h1 {
margin: 16px 0; margin: 16px 0;
color: #1E1E1E; color: #1E1E1E;
font-family: $primary_font_family;
font-size: 24px; font-size: 24px;
line-height: 1.4em; line-height: 1.4em;
font-weight: normal; font-weight: normal;
@ -62,12 +65,11 @@
p { p {
margin-top: 0; margin-top: 0;
margin-bottom: 16px; margin-bottom: 16px;
font-family: $primary_font_family;
font-size: 12px; font-size: 12px;
line-height: 1.4em; line-height: 1.4em;
} }
.full { /* .full {
position: absolute; position: absolute;
width: 128px; width: 128px;
height: 128px; height: 128px;
@ -76,13 +78,13 @@
background-color: #fff; background-color: #fff;
} }
.mark { .mark {
float: left; float: left;
width: 32px; width: 32px;
height: 32px; height: 32px;
margin-top: 16px; margin-top: 16px;
} }
*/
.marked { .marked {
padding-left: 1em; padding-left: 1em;
text-indent: -1em; text-indent: -1em;