normalize-scss 3.0.0.alpha.1 → 3.0.0.alpha.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9bccc8ff786df26e1e1c2c747063e98c4bf5ac8c
-  data.tar.gz: 9737515c81304b655900b13cb6176e7b2df47df9
+  metadata.gz: d45d794b5591a510f433b3b9d692650432b3e09a
+  data.tar.gz: b770074d637693024fc353dda98a6957db991a23
 SHA512:
-  metadata.gz: 845a022203d910b90389f6acc86a720118b85fee431d1c372a379f8d428522a9d33a8f74a18289f43340c1481a520597953016a92b5427d612edb21db1aa7b4f
-  data.tar.gz: 08190c4e6b1a59e9ac7b9b166d9d446ded9c466a8f019e6db2c278f83b4e05251380923f34f972e8176b41dc8ad660dc52a159af9a87dfcb40cd2385d8c75d4d
+  metadata.gz: ce9187f6c5c387c51d01416b20fa9ee06472e53c157966d6eb88885aa7b72f426fabd9f87d5e3840dc2534e8e6185b07a1a22db1b2c6f140ad1820e621ac9bc1
+  data.tar.gz: abdf52c1ccdfdcbac305a5d16bc0bae0b1c9d966bb34815cdd975c2f654512f79a7dcb56b95651b3b67d351c5e43b1521fdb1ae69759f2c72f9cfc06ae337235

data/CHANGELOG.md

@@ -1,6 +1,9 @@
-=== HEAD
+=== normalize-scss 3.0.0-alpha.2+normalize.3.0.0 (February 11, 2014)
 
-=== 3.0.0-alpha.1+normalize.2.1.3 (January 22, 2014)
+* Upgrade to Normalize.css 3.0.0.
+* Add additional support-legacy-browser() so IE 8/9/10 and Safari 5 support can be removed.
+
+=== normalize-scss 3.0.0-alpha.1+normalize.2.1.3 (January 22, 2014)
 
 * Upgrade to Compass 1.0's support module.
 * Use Compass 1.0.0's improved establish-baseline() mixin.
@@ -9,21 +12,40 @@
 * Fix a bug in Compass 1.0.0-alpha.17 by overriding its support-legacy-browser() function.
 * Font size of "code, kbd, pre, samp" should always be 1em relative to parent.
 
-=== 2.1.3 (August 26, 2013)
+
+== normalize.css change log
+
+=== normalize.css 3.0.0 (January 28, 2014)
+
+* Explicit tests for each normalization.
+* Fix i18n for `q` element.
+* Fix `pre` text formatting and overflow.
+* Fix vertical alignment of `progress`.
+* Address `button` overflow in IE 8/9/10.
+* Revert `textarea` alignment modification.
+* Fix number input button cursor in Chrome on OS X.
+* Remove `a:focus` outline normalization.
+* Fix `figure` margin normalization.
+* Normalize `optgroup`.
+* Remove default table cell padding.
+* Set correct display for `progress` in IE 8/9.
+* Fix `font` and `color` inheritance for forms.
+
+=== normalize.css 2.1.3 (August 26, 2013)
 
 * Fix component.json.
 * Remove the gray background color from active links in IE 10.
 
-=== 2.1.2 (May 11, 2013)
+=== normalize.css 2.1.2 (May 11, 2013)
 
 * Revert root `color` and `background` normalizations.
 
-=== 2.1.1 (April 8, 2013)
+=== normalize.css 2.1.1 (April 8, 2013)
 
 * Normalize root `color` and `background` to counter the effects of system
   color schemes.
 
-=== 2.1.0 (January 21, 2013)
+=== normalize.css 2.1.0 (January 21, 2013)
 
 * Normalize `text-transform` for `button` and `select`.
 * Normalize `h1` margin when within HTML5 sectioning elements.
@@ -32,11 +54,11 @@
 * Add `main` element to HTML5 display definitions.
 * Fix cursor style for disabled button `input`.
 
-=== 2.0.1 (August 20, 2012)
+=== normalize.css 2.0.1 (August 20, 2012)
 
 * Remove stray IE 6/7 `inline-block` hack from HTML5 display settings.
 
-=== 2.0.0 (August 19, 2012)
+=== normalize.css 2.0.0 (August 19, 2012)
 
 * Remove legacy browser form normalizations.
 * Remove all list normalizations.
@@ -45,35 +67,35 @@
 * Form elements automatically inherit `font-family` from ancestor.
 * Drop support for IE 6/7, Firefox < 4, and Safari < 5.
 
-=== 1.1.3 (August 30, 2013)
+=== normalize.css 1.1.3 (August 30, 2013)
 
 * Update component.json to fit new specification
 
-=== 1.1.2 (May 11, 2013)
+=== normalize.css 1.1.2 (May 11, 2013)
 
 * Revert root `color` and `background` normalizations.
 
-=== 1.1.1 (April 8, 2013)
+=== normalize.css 1.1.1 (April 8, 2013)
 
 * Normalize root `color` and `background` to counter the effects of system
   color schemes.
 
-=== 1.1.0 (January 21, 2013)
+=== normalize.css 1.1.0 (January 21, 2013)
 
 * Normalize `text-transform` for `button` and `select`.
 * Normalize `hr` element (excluding IE 6/7).
 * Add `main` element to HTML5 display definitions.
 * Fix cursor style for disabled button `input`.
 
-=== 1.0.2 (November 17, 2012)
+=== normalize.css 1.0.2 (November 17, 2012)
 
 * Correct `h6` font size normalization.
 
-=== 1.0.1 (August 19, 2012)
+=== normalize.css 1.0.1 (August 19, 2012)
 
 * Adjust `small` font size normalization.
 
-=== 1.0.0 (August 14, 2012)
+=== normalize.css 1.0.0 (August 14, 2012)
 
 (Only the notable changes since public release)
 

data/CONTRIBUTING.md

@@ -172,6 +172,6 @@ cutting new releases.
    added to the CHANGELOG (inc. date), and the `bower.json`, `component.json`,
    and `normalize.css` files.
 3. The commit message must be of `v0.0.0` format.
-4. Create an annotated tag for the version: `git tag -m "v0.0.0" v0.0.0`.
+4. Create an annotated tag for the version: `git tag -m "v0.0.0" 0.0.0`.
 5. Push the changes and tags to GitHub: `git push --tags origin master`
 6. Checkout the `gh-pages` branch and follow the instructions in the README.

data/README.md

@@ -1,15 +1,18 @@
 ## Latest downloadable version
 
-The latest release of _normalize.scss for Sass 3.3 and Compass 1.0 is: [3.0.0-alpha.1+normalize.2.1.3](https://github.com/JohnAlbin/normalize.css-with-sass-or-compass/archive/3.0.0-alpha.1+normalize.2.1.3.zip).
-The latest release of _normalize.scss for Sass 3.2 and Compass 0.12 is: [2.1.3](https://github.com/JohnAlbin/normalize.css-with-sass-or-compass/archive/2.1.3.zip).
-They both combine normalize.css v2.1.3 and normalize v1.1.3.
+The latest release of _normalize.scss for Sass 3.3 and Compass 1.0 is: [3.0.0-alpha.2+normalize.3.0.0](https://github.com/JohnAlbin/normalize-scss/releases/tag/3.0.0-alpha.2%2Bnormalize.3.0.0).
+It combines normalize.css v3.0.0 and normalize v1.1.3.
+
+The latest release of _normalize.scss for Sass 3.2 and Compass 0.12 is: [2.2.0+normalize.2.1.3(https://github.com/JohnAlbin/normalize-scss/releases/tag/2.2.0%2Bnormalize.2.1.3).
+It combines normalize.css v2.1.3 and normalize v1.1.3.
 
 ## The Compass port of normalize.css
 
-__This project is the Sass/Compass port of normalize.css.__ It aims to use the best
-partials from Compass to make normalize even easier to integrate with your
-website. To learn about why Normalize.css is so amazing, skip to the
-"normalize.css" section below.
+__This project is the Sass/Compass version of Normalize.css__, a collection of HTML
+element and attribute rulesets to normalize styles across all browsers. This
+port aims to use the best partials from Compass to make Normalize even easier to
+integrate with your website. To learn about why Normalize.css is so amazing,
+skip to the "normalize.css" section below.
 
 This Sass/Compass port currently utilizes:
 
@@ -25,7 +28,7 @@ the two versions using Compass' `$legacy-support-for-ie7` variable.
 Did a client wait until the last minute to mention their CEO uses IE 7? Simply
 set `$legacy-support-for-ie7` to `true` and recompile your Sass files.
 
-# normalize.css v2
+# normalize.css v3
 
 Normalize.css is a customisable CSS file that makes browsers render all
 elements more consistently and in line with modern standards.
@@ -34,17 +37,19 @@ The project relies on researching the differences between default browser
 styles in order to precisely target only the styles that need or benefit from
 normalizing.
 
-[Check out the demo](http://necolas.github.io/normalize.css/latest/test.html)
+[View the test file](http://necolas.github.io/normalize.css/latest/test.html)
 
 ## Install
 
 Install using one of the following methods:
 
-Download from the [project page](https://github.com/JohnAlbin/normalize.css-with-sass-or-compass/).
+Download from the [project page](https://github.com/JohnAlbin/normalize-scss/releases).
+
+Install with [Bower](http://bower.io/): `bower install --save normalize.scss` (or to install the latest pre-release version: `bower install --save normalize.scss#3.0.0-alpha.2+normalize.3.0.0`)
 
-Install with [Bower](http://bower.io/): `bower install --save normalize.scss`
+Install with [Component(1)](http://component.io/): `component install JohnAlbin/normalize-scss`
 
-Install with [Component(1)](http://component.io/): `component install JohnAlbin/normalize.css-with-sass-or-compass`
+Install with [Ruby Gem](https://rubygems.org/gems/normalize-scss): `sudo gem install normalize-scss` (or to install the latest pre-release version: `sudo gem install --pre normalize-scss`)
 
 ## What does it do?
 
@@ -71,10 +76,11 @@ the defaults later in your Sass if necessary.
 
 ## Browser support
 
-* Google Chrome
-* Mozilla Firefox 4+
-* Apple Safari 5+
-* Opera 12+
+* Google Chrome (latest)
+* Mozilla Firefox (latest)
+* Mozilla Firefox 4
+* Opera (latest)
+* Apple Safari 6+
 * Internet Explorer 8+
 * Internet Explorer 6-7 (when `$legacy-support-for-ie7` or
 `$legacy-support-for-ie6` is set to `true`)
@@ -90,7 +96,7 @@ guidelines](CONTRIBUTING.md).
 
 Updates to most CSS rules should be reported to Necolas' upstream [Normalize.css
 project](http://necolas.github.com/normalize.css/). Updates to the Sass should
-be reported in the [Normalize.css with Sass and Compass project](https://github.com/JohnAlbin/normalize.css-with-sass-or-compass/).
+be reported in the [Normalize-scss project](https://github.com/JohnAlbin/normalize-scss/).
 
 ## Acknowledgements
 
@@ -113,4 +119,4 @@ Some of the above projects convert normalize into Sass mixins. That makes it
 impossible to add Normalize using __Approach 1__ (by copying the file into your website
 and customizing/overriding for your needs.)
 
-[![Build Status](https://travis-ci.org/JohnAlbin/normalize.css-with-sass-or-compass.png?branch=master)](https://travis-ci.org/JohnAlbin/normalize.css-with-sass-or-compass)
+[![Build Status](https://travis-ci.org/JohnAlbin/normalize-scss.png?branch=master)](https://travis-ci.org/JohnAlbin/normalize-scss)

data/_normalize.scss

@@ -1,7 +1,6 @@
-/* normalize.scss 3.0.0-alpha.1+normalize.2.1.3 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
+/* normalize-scss 3.0.0-alpha.2+normalize.3.0.0 | MIT/GPLv2 License | bit.ly/normalize-scss */
 
 
-// =============================================================================
 // Variables and Imports
 //
 // If you have a base partial (or equivalent), you should move these lines to
@@ -11,28 +10,28 @@
 
 // These 3 variables are copies of ones used in Compass' Vertical Rhythm module.
 
-    // The base font size.
-    $base-font-size: 16px !default;
+  // The base font size.
+  $base-font-size: 16px !default;
 
-    // The base line height determines the basic unit of vertical rhythm.
-    $base-line-height: 24px !default;
+  // The base line height determines the basic unit of vertical rhythm.
+  $base-line-height: 24px !default;
 
-    // The length unit in which to output vertical rhythm values.
-    // Supported values: px, em, rem.
-    $rhythm-unit: 'em' !default;
+  // The length unit in which to output vertical rhythm values.
+  // Supported values: px, em, rem.
+  $rhythm-unit: 'em' !default;
 
 // This variable is a copy of the one used in Compass' support module.
 
-    // Optional map of minimum browser versions to support. For example, to
-    // remove support for IE 7 and earlier, set $browser-minimum-versions['ie']
-    // to '8'.
-    $browser-minimum-versions: (
-        'chrome':  null,
-        'firefox': null,
-        'ie':      null,
-        'safari':  null,
-        'opera':   null
-    ) !default;
+  // Optional map of minimum browser versions to support. For example, to
+  // remove support for IE 7 and earlier, set $browser-minimum-versions['ie']
+  // to '8'.
+  $browser-minimum-versions: (
+    'chrome':  null,
+    'firefox': null,
+    'ie':      null,
+    'safari':  null,
+    'opera':   null
+  ) !default;
 
 
 // Set this to true to force CSS output to exactly match normalize.css.
@@ -58,10 +57,11 @@ $indent-amount: 40px !default;
 @import "compass/typography/vertical_rhythm";
 
 
-// To work around a bug in Compass 1.0.0-alpha.17, we override Compass'
+// To work around a bug in compass-core 1.0.0-alpha.17, we override Compass'
 // support-legacy-browser() function with a version of our own.
 // @TODO Remove this monkey patch after it's fixed in Compass.
 // @see https://github.com/chriseppstein/compass/pull/1524
+// @see also https://github.com/chriseppstein/compass/pull/1520
 @function support-legacy-browser($browser, $min-version, $max-version: null, $threshold: $critical-usage-threshold) {
   @if not index($supported-browsers, $browser) {
     @return false;
@@ -79,12 +79,47 @@ $indent-amount: 40px !default;
   }
 }
 
-/* ==========================================================================
-   HTML5 display definitions
+/* Base
+   ========================================================================== */
+
+@if not $strict-normalize or support-legacy-browser(ie, "7") {
+  /**
+   * Establish a vertical rhythm unit using $base-font-size, $base-line-height,
+   * and $rhythm-unit variables. Also, correct text resizing oddly in IE 6/7 when
+   * body `font-size` is set using `em` units.
+   */
+
+  @include establish-baseline();
+}
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+  font-family: $base-font-family; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  // Show a background image that can be used to debug your alignments.
+  // @include debug-vertical-alignment();
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
    ========================================================================== */
 
 /**
- * Correct `block` display not defined in IE 8/9.
+ * Correct `block` display not defined in IE 8/9. Correct `block` display
+ * not defined on `summary` and `details` in IE and Firefox and on `main` in IE.
  */
 
 article,
@@ -99,21 +134,26 @@ main,
 nav,
 section,
 summary {
-    display: block;
+  display: block;
 }
 
 /**
- * Correct `inline-block` display not defined in IE 8/9.
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  */
 
 audio,
 canvas,
+progress,
 video {
-    display: inline-block;
+  @if support-legacy-browser(ie, "9") {
+    display: inline-block; /* 1 */
     @if support-legacy-browser(ie, "7") {
-        *display: inline;
-        *zoom: 1;
+      *display: inline;
+      *zoom: 1;
     }
+  }
+  vertical-align: baseline; /* 2 */
 }
 
 /**
@@ -122,117 +162,101 @@ video {
  */
 
 audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+@if support-legacy-browser(ie, "10") {
+  /**
+   * Address `[hidden]` styling not present in IE 8/9/10.
+   */
+
+  [hidden] {
     display: none;
-    height: 0;
+  }
 }
 
 /**
- * Address `[hidden]` styling not present in IE 8/9.
  * Hide the `template` element in IE, Safari, and Firefox < 22.
  */
 
-[hidden],
 template {
-    display: none;
+  display: none;
 }
 
-/* ==========================================================================
-   Base
+/* Links
    ========================================================================== */
 
-@if not $strict-normalize or support-legacy-browser(ie, "7") {
-    /**
-     * Establish a vertical rhythm unit using $base-font-size, $base-line-height,
-     * and $rhythm-unit variables. Also, correct text resizing oddly in IE 6/7 when
-     * body `font-size` is set using `em` units.
-     */
+@if support-legacy-browser(ie, "10") {
+  /**
+   * Remove the gray background color from active links in IE 10.
+   */
 
-    @include establish-baseline();
+  a {
+    background: transparent;
+  }
 }
 
 /**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
+ * Improve readability when focused and also mouse hovered in all browsers.
  */
 
-html {
-    font-family: $base-font-family; /* 1 */
-    -ms-text-size-adjust: 100%; /* 2 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-    // Show a background image that can be used to debug your alignments.
-    // @include debug-vertical-alignment();
+a:active,
+a:hover {
+  outline: 0;
 }
 
-@if support-legacy-browser(ie, "7") {
-    /**
-     * Address `font-family` inconsistency between `textarea` and other form
-     * elements.
-     */
-
-    button,
-    input,
-    select,
-    textarea {
-        font-family: $base-font-family;
-    }
-}
+/* Text-level semantics
+   ========================================================================== */
 
 /**
- * Remove default margin.
+ * Address styling not present in IE, Safari 5, and Chrome.
  */
 
-body {
-    margin: 0;
+abbr[title] {
+  border-bottom: 1px dotted;
 }
 
-/* ==========================================================================
-   Links
-   ========================================================================== */
-
 /**
- * Remove the gray background color from active links in IE 10.
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  */
 
-a {
-    background: transparent;
+b,
+strong {
+  font-weight: bold;
 }
 
-/**
- * Address `outline` inconsistency between Chrome and other browsers.
- */
+@if not $strict-normalize or support-legacy-browser(ie, "7") {
+  /**
+   * Set 1 unit of vertical rhythm on the top and bottom margin.
+   */
 
-a:focus {
-    outline: thin dotted;
+  blockquote {
+    margin: rhythm(1) $indent-amount;
+  }
 }
 
 /**
- * Improve readability when focused and also mouse hovered in all browsers.
+ * Address odd `em`-unit font size rendering in all browsers.
  */
 
-a:active,
-a:hover {
-    outline: 0;
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, serif;
+  @if support-legacy-browser(ie, "6") {
+    _font-family: 'courier new', monospace;
+  }
+  font-size: 1em;
 }
 
-/* ==========================================================================
-   Typography
-   ========================================================================== */
-
-@if not $strict-normalize or support-legacy-browser(ie, "7") {
-    /**
-     * Set 1 unit of vertical rhythm on the top and bottom margin.
-     */
-
-    p,
-    pre {
-        margin: rhythm(1) 0;
-    }
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
 
-    blockquote {
-        /* Set 1 unit of vertical rhythm on the top and bottom margin. */
-        margin: rhythm(1) $indent-amount;
-    }
+dfn {
+  font-style: italic;
 }
 
 /**
@@ -241,130 +265,79 @@ a:hover {
  */
 
 h1 {
-    /* Set the font-size and line-height while keeping a proper vertical rhythm. */
-    @if not $strict-normalize or support-legacy-browser(ie, "7") {
-        @include adjust-font-size-to( $h1-font-size );
-    }
-    @else {
-        font-size: if($rhythm-unit == "px", $h1-font-size, ($h1-font-size / $base-font-size)#{$rhythm-unit});
-    }
+  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
+  @if not $strict-normalize or support-legacy-browser(ie, "7") {
+    @include adjust-font-size-to( $h1-font-size );
+  }
+  @else {
+    font-size: if($rhythm-unit == "px", $h1-font-size, ($h1-font-size / $base-font-size)#{$rhythm-unit});
+  }
 
-    /* Set 1 unit of vertical rhythm on the top and bottom margins. */
-    @include leader(1, $h1-font-size);
-    @include trailer(1, $h1-font-size);
+  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
+  @include leader(1, $h1-font-size);
+  @include trailer(1, $h1-font-size);
 }
 
 @if not $strict-normalize or support-legacy-browser(ie, "7") {
-    h2 {
-        @include adjust-font-size-to( $h2-font-size );
-        @include leader(1, $h2-font-size);
-        @include trailer(1, $h2-font-size);
-    }
-
-    h3 {
-        @include adjust-font-size-to( $h3-font-size );
-        @include leader(1, $h3-font-size);
-        @include trailer(1, $h3-font-size);
-    }
-
-    h4 {
-        @include adjust-font-size-to( $h4-font-size );
-        @include leader(1, $h4-font-size);
-        @include trailer(1, $h4-font-size);
-    }
-
-    h5 {
-        @include adjust-font-size-to( $h5-font-size );
-        @include leader(1, $h5-font-size);
-        @include trailer(1, $h5-font-size);
-    }
-
-    h6 {
-        @include adjust-font-size-to( $h6-font-size );
-        @include leader(1, $h6-font-size);
-        @include trailer(1, $h6-font-size);
-    }
-}
-
-/**
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
- */
-
-abbr[title] {
-    border-bottom: 1px dotted;
-}
+  h2 {
+    @include adjust-font-size-to( $h2-font-size );
+    @include leader(1, $h2-font-size);
+    @include trailer(1, $h2-font-size);
+  }
 
-/**
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- */
+  h3 {
+    @include adjust-font-size-to( $h3-font-size );
+    @include leader(1, $h3-font-size);
+    @include trailer(1, $h3-font-size);
+  }
 
-b,
-strong {
-    font-weight: bold;
-}
+  h4 {
+    @include adjust-font-size-to( $h4-font-size );
+    @include leader(1, $h4-font-size);
+    @include trailer(1, $h4-font-size);
+  }
 
-/**
- * Address styling not present in Safari 5 and Chrome.
- */
+  h5 {
+    @include adjust-font-size-to( $h5-font-size );
+    @include leader(1, $h5-font-size);
+    @include trailer(1, $h5-font-size);
+  }
 
-dfn {
-    font-style: italic;
+  h6 {
+    @include adjust-font-size-to( $h6-font-size );
+    @include leader(1, $h6-font-size);
+    @include trailer(1, $h6-font-size);
+  }
 }
 
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-    @include box-sizing(content-box);
-    height: 0;
-}
+@if support-legacy-browser(ie, "9") {
+  /**
+   * Address styling not present in IE 8/9.
+   */
 
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
+  mark {
     background: #ff0;
     color: #000;
+  }
 }
 
-/**
- * Correct font family set oddly in Safari 5 and Chrome.
- */
+@if not $strict-normalize or support-legacy-browser(ie, "7") {
+  /**
+   * Set 1 unit of vertical rhythm on the top and bottom margin.
+   */
 
-code,
-kbd,
-pre,
-samp {
-    font-family: monospace, serif;
-    @if support-legacy-browser(ie, "6") {
-        _font-family: 'courier new', monospace;
-    }
-    font-size: 1em;
+  p,
+  pre {
+    margin: rhythm(1) 0;
+  }
 }
 
 /**
- * Improve readability of pre-formatted text in all browsers.
+ * Contain overflow in all browsers.
  */
 
 pre {
-    @if support-legacy-browser(ie, "7") {
-        white-space: pre;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-    }
-    @else {
-        white-space: pre-wrap;
-    }
-}
-
-/**
- * Set consistent quote types.
- */
-
-q {
-    quotes: "\201C" "\201D" "\2018" "\2019";
+  overflow: auto;
 }
 
 /**
@@ -372,7 +345,7 @@ q {
  */
 
 small {
-    font-size: 80%;
+  font-size: 80%;
 }
 
 /**
@@ -381,191 +354,178 @@ small {
 
 sub,
 sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
 }
 
 sup {
-    top: -0.5em;
+  top: -0.5em;
 }
 
 sub {
-    bottom: -0.25em;
+  bottom: -0.25em;
 }
 
-/* ==========================================================================
-   Lists
-   ========================================================================== */
-
 @if not $strict-normalize or support-legacy-browser(ie, "7") {
-    /**
-     * Address margins set differently in IE 6/7.
-     */
+  /* Lists
+     ========================================================================== */
+
+  /**
+   * Address margins set differently in IE 6/7.
+   */
+
+  dl,
+  menu,
+  ol,
+  ul {
+    margin: rhythm(1) 0;
+  }
 
-    dl,
-    menu,
+  @if not $strict-normalize {
     ol,
     ul {
-        margin: rhythm(1) 0;
-    }
-
-    @if not $strict-normalize {
-        ol,
-        ul {
-            ol,
-            ul {
-                margin: 0;
-            }
-        }
+      ol,
+      ul {
+        margin: 0;
+      }
     }
+  }
 
-    dd {
-        margin: 0 0 0 $indent-amount;
-    }
+  dd {
+    margin: 0 0 0 $indent-amount;
+  }
 
-    /**
-     * Address paddings set differently in IE 6/7.
-     */
+  /**
+   * Address paddings set differently in IE 6/7.
+   */
 
-    menu,
-    ol,
-    ul {
-        padding: 0 0 0 $indent-amount;
-    }
+  menu,
+  ol,
+  ul {
+    padding: 0 0 0 $indent-amount;
+  }
 }
 
 @if support-legacy-browser(ie, "7") {
-    /**
-     * Correct list images handled incorrectly in IE 7.
-     */
-
-    nav ul,
-    nav ol {
-        list-style: none;
-        list-style-image: none;
-    }
+  /**
+   * Correct list images handled incorrectly in IE 7.
+   */
+
+  nav ul,
+  nav ol {
+    list-style: none;
+    list-style-image: none;
+  }
 }
 
-/* ==========================================================================
-   Embedded content
+/* Embedded content
    ========================================================================== */
 
-/**
- * Remove border when inside `a` element in IE 8/9.
- */
+@if support-legacy-browser(ie, "10") {
+  /**
+   * Remove border when inside `a` element in IE 8/9/10.
+   */
 
-img {
+  img {
     border: 0;
     @if support-legacy-browser(ie, "7") {
-        /* Improve image quality when scaled in IE 7. */
-        -ms-interpolation-mode: bicubic;
+      /* Improve image quality when scaled in IE 7. */
+      -ms-interpolation-mode: bicubic;
     }
+  }
 }
 
 /**
- * Correct overflow displayed oddly in IE 9.
+ * Correct overflow displayed in IE.
  */
 
 svg:not(:root) {
-    overflow: hidden;
+  overflow: hidden;
 }
 
-/* ==========================================================================
-   Figures
+/* Grouping content
    ========================================================================== */
 
-/**
- * Address margin not present in IE 8/9 and Safari 5.
- */
-
-figure {
-    margin: 0;
-}
+@if support-legacy-browser(ie, "9") or support-legacy-browser(safari, "5") {
+  /**
+   * Address margin not present in IE 8/9 and Safari 5.
+   */
 
-/* ==========================================================================
-   Forms
-   ========================================================================== */
-
-@if support-legacy-browser(ie, "7") {
-    /**
-     * Correct margin displayed oddly in IE 6/7.
-     */
-
-    form {
-        margin: 0;
-    }
+  figure {
+    margin: rhythm(1) $indent-amount;
+  }
 }
 
 /**
- * Define consistent border, margin, and padding.
+ * Address differences between Firefox and other browsers.
  */
 
-fieldset {
-    margin: 0 2px;
-    /* Apply borders and padding that keep the vertical rhythm. */
-    border-color: #c0c0c0;
-    @include apply-side-rhythm-border(top,    $width: 1px, $lines: 0.35);
-    @include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65);
-    @include apply-side-rhythm-border(left,  $width: 1px, $lines: 0.625);
-    @include apply-side-rhythm-border(right, $width: 1px, $lines: 0.625);
+hr {
+  @include box-sizing(content-box);
+  height: 0;
 }
 
+/* Forms
+   ========================================================================== */
+
 /**
- * 1. Correct `color` not being inherited in IE 8/9.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- * 3. Correct alignment displayed oddly in IE 6/7.
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
  */
 
-legend {
-    border: 0; /* 1 */
-    padding: 0; /* 2 */
-    @if support-legacy-browser(ie, "7") {
-        *margin-left: -7px; /* 3 */
-    }
+@if support-legacy-browser(ie, "7") {
+  /**
+   * Correct margin displayed oddly in IE 6/7.
+   */
+
+  form {
+    margin: 0;
+  }
 }
 
 /**
- * 1. Correct font family not being inherited in all browsers.
- * 2. Correct font size not being inherited in all browsers.
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- * 4. Improve appearance and consistency with IE 6/7.
+ * 4. Address `font-family` inconsistency between `textarea` and other form in IE 7
+ * 5. Improve appearance and consistency with IE 6/7.
  */
 
 button,
 input,
+optgroup,
 select,
 textarea {
-    font-family: inherit; /* 1 */
-    font-size: 100%; /* 2 */
-    margin: 0; /* 3 */
-    @if support-legacy-browser(ie, "7") {
-        vertical-align: baseline; /* 4 */
-        *vertical-align: middle; /* 4 */
-    }
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+  @if support-legacy-browser(ie, "7") {
+    *font-family: $base-font-family; /* 4 */
+    *vertical-align: middle; /* 5 */
+  }
 }
 
 /**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
+ * Address `overflow` set to `hidden` in IE.
  */
 
-button,
-input {
-    line-height: normal;
+button {
+  overflow: visible;
 }
 
 /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
- * Correct `select` style inheritance in Firefox 4+ and Opera.
+ * Correct `button` style inheritance in Firefox, IE, and Opera.
+ * Correct `select` style inheritance in Firefox.
  */
 
 button,
 select {
-    text-transform: none;
+  text-transform: none;
 }
 
 /**
@@ -582,11 +542,11 @@ button,
 html input[type="button"], /* 1 */
 input[type="reset"],
 input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
-    @if support-legacy-browser(ie, "7") {
-        *overflow: visible; /* 4 */
-    }
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+  @if support-legacy-browser(ie, "7") {
+    *overflow: visible; /* 4 */
+  }
 }
 
 /**
@@ -595,24 +555,59 @@ input[type="submit"] {
 
 button[disabled],
 html input[disabled] {
-    cursor: default;
+  cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
 }
 
 /**
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- * 3. Remove excess padding in IE 7.
- *    Known issue: excess padding remains in IE 6.
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
  */
 
-input[type="checkbox"],
-input[type="radio"] {
+input {
+  line-height: normal;
+}
+
+@if support-legacy-browser(ie, "10") {
+  /**
+   * It's recommended that you don't attempt to style these elements.
+   * Firefox's implementation doesn't respect box-sizing, padding, or width.
+   *
+   * 1. Address box sizing set to `content-box` in IE 8/9/10.
+   * 2. Remove excess padding in IE 8/9/10.
+   * 3. Remove excess padding in IE 7.
+   *    Known issue: excess padding remains in IE 6.
+   */
+
+  input[type="checkbox"],
+  input[type="radio"] {
     @include box-sizing(border-box); /* 1 */
     padding: 0; /* 2 */
     @if support-legacy-browser(ie, "7") {
-        *height: 13px; /* 3 */
-        *width: 13px; /* 3 */
+      *height: 13px; /* 3 */
+      *width: 13px; /* 3 */
     }
+  }
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
 }
 
 /**
@@ -622,42 +617,69 @@ input[type="radio"] {
  */
 
 input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    @include box-sizing(content-box); /* 2 */
+  -webkit-appearance: textfield; /* 1 */
+  @include box-sizing(content-box); /* 2 */
+
+  /**
+   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+   * Safari (but not Chrome) clips the cancel button when the search input has
+   * padding (and `textfield` appearance).
+   */
+
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
 }
 
 /**
- * Remove inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
+ * Define consistent border, margin, and padding.
  */
 
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
+fieldset {
+  margin: 0 2px;
+  /* Apply borders and padding that keep the vertical rhythm. */
+  border-color: #c0c0c0;
+  @include apply-side-rhythm-border(top,    $width: 1px, $lines: 0.35 );
+  @include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65 );
+  @include apply-side-rhythm-border(left,   $width: 1px, $lines: 0.625);
+  @include apply-side-rhythm-border(right,  $width: 1px, $lines: 0.625);
 }
 
 /**
- * Remove inner padding and border in Firefox 4+.
+ * 1. Correct `color` not being inherited in IE.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ * 3. Correct alignment displayed oddly in IE 6/7.
  */
 
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
+legend {
+  @if support-legacy-browser(ie, "9") {
+    border: 0; /* 1 */
+  }
+  padding: 0; /* 2 */
+  @if support-legacy-browser(ie, "7") {
+    *margin-left: -7px; /* 3 */
+  }
 }
 
 /**
- * 1. Remove default vertical scrollbar in IE 8/9.
- * 2. Improve readability and alignment in all browsers.
+ * Remove default vertical scrollbar in IE.
  */
 
 textarea {
-    overflow: auto; /* 1 */
-    vertical-align: top; /* 2 */
+  overflow: auto;
 }
 
-/* ==========================================================================
-   Tables
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/* Tables
    ========================================================================== */
 
 /**
@@ -665,6 +687,11 @@ textarea {
  */
 
 table {
-    border-collapse: collapse;
-    border-spacing: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
 }