diff options
author | Jonas Smedegaard <dr@jones.dk> | 2017-04-22 13:12:48 +0200 |
---|---|---|
committer | Jonas Smedegaard <dr@jones.dk> | 2017-04-22 13:12:48 +0200 |
commit | a91a5c590d80f8a5c97be02b0f81058f506e4e7d (patch) | |
tree | 24dc3a3167dab53f5f2436784b4a0975b5b3e27c /partials | |
parent | f930ffa4eb2a65a86aa0283a1b2957ea77c70e86 (diff) |
Diffstat (limited to 'partials')
-rw-r--r-- | partials/_base-normalize.scss | 13 | ||||
-rw-r--r-- | partials/_x-normalize.scss | 250 |
2 files changed, 3 insertions, 260 deletions
diff --git a/partials/_base-normalize.scss b/partials/_base-normalize.scss index c0ad83b..fd1f5c8 100644 --- a/partials/_base-normalize.scss +++ b/partials/_base-normalize.scss @@ -1,14 +1,7 @@ // Normalize integration // // No styleguide reference. -@import "compass/typography/vertical_rhythm"; +$base-font-size: $baseFontSize; +$base-line-height: $baseLineHeight; -$x-normalize-typography-p-margin: rhythm(1) 0; -$x-normalize-typography-h1-fontsize: false; -$x-normalize-typography-h2-fontsize: false; -$x-normalize-typography-h3-fontsize: false; -$x-normalize-typography-h1-margin: false; -$x-normalize-typography-h2-margin: false; -$x-normalize-typography-h3-margin: false; -$x-normalize-typography-blockquote-margin: rhythm(1) 40px; -$x-normalize-lists-lists-margin: rhythm(1) 0; +$normalize-vertical-rhythm: true; diff --git a/partials/_x-normalize.scss b/partials/_x-normalize.scss deleted file mode 100644 index 4cf2de3..0000000 --- a/partials/_x-normalize.scss +++ /dev/null @@ -1,250 +0,0 @@ -// fork of compass-h5bp 0.1.2, with overridable sizes -// -// No styleguide reference. -@import "h5bp"; - -$x-normalize-typography-p-margin: 1em 0 !default; -$x-normalize-typography-h1-fontsize: 2em !default; -$x-normalize-typography-h2-fontsize: 1.5em !default; -$x-normalize-typography-h3-fontsize: 1.17em !default; -$x-normalize-typography-h4-fontsize: 1em !default; -$x-normalize-typography-h5-fontsize: 0.83em !default; -$x-normalize-typography-h6-fontsize: 0.67em !default; -$x-normalize-typography-h1-margin: 0.67em 0 !default; -$x-normalize-typography-h2-margin: 0.83em 0 !default; -$x-normalize-typography-h3-margin: 1em 0 !default; -$x-normalize-typography-h4-margin: 1.33em 0 !default; -$x-normalize-typography-h5-margin: 1.67em 0 !default; -$x-normalize-typography-h6-margin: 2.33em 0 !default; -$x-normalize-typography-blockquote-margin: 1em 40px !default; -$x-normalize-typography-pre-fontsize: 1em !default; -$x-normalize-lists-lists-margin: 1em 0 !default; -$x-normalize-lists-dd-margin: 0 0 0 40px !default; -$x-normalize-lists-lists-padding: 0 0 0 40px !default; -$x-normalize-typography-small-fontsize: 80% !default; -$x-normalize-typography-supsub-fontsize: 75% !default; -$x-normalize-typography-sup-top: -0.5em !default; -$x-normalize-typography-sub-bottom: -0.25em !default; - -@mixin x-normalize { - @include x-normalize-display; - @include x-normalize-base; - @include x-normalize-links; - @include x-normalize-typography; - @include x-normalize-lists; - @include x-normalize-embeds; - @include x-normalize-figures; - @include x-normalize-forms; - @include x-normalize-tables; -} - -@mixin x-normalize-display { - @include h5bp-display; -} - -@mixin x-normalize-base { - @include h5bp-base; -} - -@mixin x-normalize-links { - @include h5bp-links; -} - -@mixin x-normalize-typography ( - $p-margin: $x-normalize-typography-p-margin, - $h1-fontsize: $x-normalize-typography-h1-fontsize, - $h2-fontsize: $x-normalize-typography-h2-fontsize, - $h3-fontsize: $x-normalize-typography-h3-fontsize, - $h4-fontsize: $x-normalize-typography-h4-fontsize, - $h5-fontsize: $x-normalize-typography-h5-fontsize, - $h6-fontsize: $x-normalize-typography-h6-fontsize, - $h1-margin: $x-normalize-typography-h1-margin, - $h2-margin: $x-normalize-typography-h2-margin, - $h3-margin: $x-normalize-typography-h3-margin, - $h4-margin: $x-normalize-typography-h4-margin, - $h5-margin: $x-normalize-typography-h5-margin, - $h6-margin: $x-normalize-typography-h6-margin, - $blockquote-margin: $x-normalize-typography-blockquote-margin, - $pre-fontsize: $x-normalize-typography-pre-fontsize, - $mall-fontsize: $x-normalize-typography-small-fontsize, - $supsub-fontsize: $x-normalize-typography-supsub-fontsize, - $sup-top: $x-normalize-typography-sup-top, - $sub-bottom: $x-normalize-typography-sub-bottom - ) { - - // Address font sizes and margins set differently in IE 6/7. - // Address font sizes within `section` and `article` in Firefox 4+, Safari 5, - // and Chrome. - h1 { - font-size: $h1-fontsize; - margin: $h1-margin; - } - - h2 { - font-size: $h2-fontsize; - margin: $h2-margin; - } - - h3 { - font-size: $h3-fontsize; - margin: $h3-margin; - } - - h4 { - font-size: $h4-fontsize; - margin: $h4-margin; - } - - h5 { - font-size: $h5-fontsize; - margin: $h5-margin; - } - - h6 { - font-size: $h6-fontsize; - margin: $h6-margin; - } - - // Address styling not present in IE 7/8/9, Safari 5, and Chrome. - abbr[title] { - border-bottom: 1px dotted; - } - - // Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. - b, - strong { - font-weight: bold; - } - - blockquote { - margin: $blockquote-margin; - } - - // Address styling not present in Safari 5 and Chrome. - dfn { - font-style: italic; - } - - // Address differences between Firefox and other browsers. - // Known issue: no IE 6/7 normalization. - hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; - } - - // Address styling not present in IE 6/7/8/9. - mark { - background: #ff0; - color: #000; - } - - // Address margins set differently in IE 6/7. - p, - pre { - margin: $p-margin; - } - - // Correct font family set oddly in IE 6, Safari 4/5, and Chrome. - code, - kbd, - pre, - samp { - font-family: monospace, serif; - _font-family: 'courier new', monospace; - font-size: $pre-fontsize; - } - - // Improve readability of pre-formatted text in all browsers. - pre { - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; - } - - // Address CSS quotes not supported in IE 6/7. - q { - quotes: none; - } - - // Address `quotes` property not supported in Safari 4. - q:before, - q:after { - content: ''; - content: none; - } - - // Address inconsistent and variable font size in all browsers. - small { - font-size: $mall-fontsize; - } - - // Prevent `sub` and `sup` affecting `line-height` in all browsers. - sub, - sup { - font-size: $supsub-fontsize; - line-height: 0; - position: relative; - vertical-align: baseline; - } - - sup { - top: $sup-top; - } - - sub { - bottom: $sub-bottom; - } - -} - -@mixin x-normalize-lists ( -// $margin-vertical: $x-normalize-lists-margin-vertical, - $lists-margin: $x-normalize-lists-lists-margin, - $dd-margin: $x-normalize-lists-dd-margin, - $lists-padding: $x-normalize-lists-lists-padding - ) { - - // Address margins set differently in IE 6/7. - dl, - menu, - ol, - ul { - margin: $lists-margin; - } - - dd { - margin: $dd-margin; - } - - // Address paddings set differently in IE 6/7. - menu, - ol, - ul { - padding: $lists-padding; - } - - // Correct list images handled incorrectly in IE 7. - nav ul, - nav ol { - list-style: none; - list-style-image: none; - } - -} - -@mixin x-normalize-embeds { - @include h5bp-embeds; -} - -@mixin x-normalize-figures { - @include h5bp-figures; -} - -@mixin x-normalize-forms { - @include h5bp-forms; -} - -@mixin x-normalize-tables { - @include h5bp-tables; -} |