Adding _utilities.scss
This commit is contained in:
parent
a50d913cc4
commit
3d3748500c
|
@ -10,10 +10,6 @@ h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, fieldset {
|
||||||
margin-bottom: $marginBottom * 1px;
|
margin-bottom: $marginBottom * 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul ul, ol ol {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: ($h1FontSize / $baseFontSize) * 1em;
|
font-size: ($h1FontSize / $baseFontSize) * 1em;
|
||||||
line-height: ($marginBottom / $h1FontSize ) * 1em;
|
line-height: ($marginBottom / $h1FontSize ) * 1em;
|
||||||
|
@ -46,4 +42,8 @@ h6 {
|
||||||
|
|
||||||
ul, ol {
|
ul, ol {
|
||||||
margin-left: $listMarginLeft * 1px;
|
margin-left: $listMarginLeft * 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul ul, ol ol {
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
|
@ -1,29 +1,3 @@
|
||||||
// Utils
|
|
||||||
|
|
||||||
.alignleft {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.alignleft {
|
|
||||||
margin-right: $columnGutter * 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alignright {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.alignright {
|
|
||||||
margin-left : $columnGutter * 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.aligncenter {
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Grid
|
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
width: $containerWidth * 1px;
|
width: $containerWidth * 1px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
|
|
@ -0,0 +1,21 @@
|
||||||
|
.alignleft {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.alignleft {
|
||||||
|
margin-right: $columnGutter * 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alignright {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.alignright {
|
||||||
|
margin-left : $columnGutter * 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aligncenter {
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
|
@ -13,6 +13,7 @@ Author: Mike Francis
|
||||||
|
|
||||||
@import "reset";
|
@import "reset";
|
||||||
@import "normalise";
|
@import "normalise";
|
||||||
|
@import "utilities";
|
||||||
|
|
||||||
// Main
|
// Main
|
||||||
|
|
||||||
|
|
|
@ -23,8 +23,6 @@ html { background-color: white; color: #333333; font-family: "Helvetica Neue", H
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, fieldset { margin-bottom: 21px; }
|
h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, fieldset { margin-bottom: 21px; }
|
||||||
|
|
||||||
ul ul, ol ol { margin-bottom: 0; }
|
|
||||||
|
|
||||||
h1 { font-size: 2em; line-height: 0.75em; }
|
h1 { font-size: 2em; line-height: 0.75em; }
|
||||||
|
|
||||||
h2 { font-size: 1.71429em; line-height: 0.875em; }
|
h2 { font-size: 1.71429em; line-height: 0.875em; }
|
||||||
|
@ -39,6 +37,8 @@ h6 { font-size: 1.14286em; line-height: 1.3125em; }
|
||||||
|
|
||||||
ul, ol { margin-left: 24px; }
|
ul, ol { margin-left: 24px; }
|
||||||
|
|
||||||
|
ul ul, ol ol { margin-bottom: 0; }
|
||||||
|
|
||||||
.alignleft { float: left; }
|
.alignleft { float: left; }
|
||||||
|
|
||||||
img.alignleft { margin-right: 20px; }
|
img.alignleft { margin-right: 20px; }
|
||||||
|
|
Loading…
Reference in New Issue