Conversion to SASS
See updated README.md for details.
This commit is contained in:
parent
83030c60c0
commit
df85ee4450
13 changed files with 513 additions and 249 deletions
93
scss/_base.scss
Normal file
93
scss/_base.scss
Normal file
|
@ -0,0 +1,93 @@
|
|||
// Yaho YUI Reset
|
||||
|
||||
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
fieldset, img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
address, caption, cite, dfn, th, var {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
caption, th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-size: 100%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
abbr, acronym {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// Normalisation
|
||||
|
||||
html {
|
||||
background-color: $bodyBackgroundColour;
|
||||
color: $color;
|
||||
font-family: $baseFontStack;
|
||||
font-size: ($baseFontSize / 16) * 1em;
|
||||
line-height: $baseLineHeight;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: ($h2FontSize / $baseFontSize) * 1em;
|
||||
line-height: ($marginBottom / $h2FontSize ) * 1em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: ($h3FontSize / $baseFontSize) * 1em;
|
||||
line-height: ($marginBottom / $h3FontSize ) * 1em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: ($h4FontSize / $baseFontSize) * 1em;
|
||||
line-height: ($marginBottom / $h4FontSize ) * 1em;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: ($h5FontSize / $baseFontSize) * 1em;
|
||||
line-height: ($marginBottom / $h5FontSize ) * 1em;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: ($h6FontSize / $baseFontSize) * 1em;
|
||||
line-height: ($marginBottom / $h6FontSize ) * 1em;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin-left: $listMarginLeft * 1px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue