Grids; Parallax
This commit is contained in:
@ -41,4 +41,23 @@ main {
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.col {
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
|
||||
&.c2w1 { width: 50%; }
|
||||
&.c3w1 { width: 33.3334%; }
|
||||
&.c3w2 { width: 66.6667%; }
|
||||
&.c4w1 { width: 25%; }
|
||||
&.c4w3 { width: 75%; }
|
||||
&.c5w1 { width: 20%; }
|
||||
&.c5w2 { width: 40%; }
|
||||
&.c5w3 { width: 60%; }
|
||||
&.c5w4 { width: 80%; }
|
||||
}
|
||||
|
||||
.cf{
|
||||
@include clearfix;
|
||||
}
|
||||
@ -1,5 +1,6 @@
|
||||
|
||||
$turquoise: #08d58f;
|
||||
$light_grey: #DDDDDD;
|
||||
$secondary_grey: #888888;
|
||||
|
||||
@mixin one_line_text {
|
||||
@ -8,8 +9,10 @@ $secondary_grey: #888888;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
@mixin clear {
|
||||
content: '';
|
||||
clear: both;
|
||||
display: block;
|
||||
@mixin clearfix {
|
||||
&::after {
|
||||
content: '';
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user