Grids; Parallax

This commit is contained in:
James Barnsley
2016-10-25 21:36:33 +13:00
parent ab9f317aed
commit dff33316ee
20 changed files with 261 additions and 103 deletions

View File

@ -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;
}

View File

@ -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;
}
}