Congegni
/
barebones
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adding _utilities.scss

This commit is contained in:
Mike Francis 2013-01-01 19:00:00 +00:00
parent a50d913cc4
commit 3d3748500c
5 changed files with 28 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
_/scss/_normalise.scss
View File

@ -10,10 +10,6 @@ h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, fieldset {
margin-bottom: $marginBottom * 1px;
}
ul ul, ol ol {
margin-bottom: 0;
}
h1 {
font-size: ($h1FontSize / $baseFontSize) * 1em;
line-height: ($marginBottom / $h1FontSize ) * 1em;
@ -46,4 +42,8 @@ h6 {
ul, ol {
margin-left: $listMarginLeft * 1px;
}
ul ul, ol ol {
margin-bottom: 0;
}

26
_/scss/_scaffolding.scss
View File

@ -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 {
width: $containerWidth * 1px;
margin-left: auto;

21
_/scss/_utilities.scss Normal file
View File

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

1
_/scss/style.scss
View File

@ -13,6 +13,7 @@ Author: Mike Francis
@import "reset";
@import "normalise";
@import "utilities";
// Main

4
style.css
View File

@ -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; }
ul ul, ol ol { margin-bottom: 0; }
h1 { font-size: 2em; line-height: 0.75em; }
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 ul, ol ol { margin-bottom: 0; }
.alignleft { float: left; }
img.alignleft { margin-right: 20px; }