From 2164f1da83f4b3dab1359145a0dc1a4118e8356f Mon Sep 17 00:00:00 2001 From: connors Date: Sun, 15 Sep 2013 16:43:58 -0700 Subject: [PATCH] comments --- dist/ratchet.css | 153 -------------------- lib/sass/normalize.scss | 306 ++++++++++++++++++++-------------------- 2 files changed, 153 insertions(+), 306 deletions(-) diff --git a/dist/ratchet.css b/dist/ratchet.css index db7e221..a081f69 100644 --- a/dist/ratchet.css +++ b/dist/ratchet.css @@ -9,12 +9,6 @@ */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ -/* ========================================================================== - HTML5 display definitions - ========================================================================== */ -/** - * Correct `block` display not defined in IE 8/9. - */ article, aside, details, @@ -30,41 +24,22 @@ summary { display: block; } -/** - * Correct `inline-block` display not defined in IE 8/9. - */ audio, canvas, video { display: inline-block; } -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ audio:not([controls]) { 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; } -/* ========================================================================== - Base - ========================================================================== */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ html { font-family: sans-serif; /* 1 */ @@ -74,92 +49,52 @@ html { /* 2 */ } -/** - * Remove default margin. - */ body { margin: 0; } -/* ========================================================================== - Links - ========================================================================== */ -/** - * Remove the gray background color from active links in IE 10. - */ a { background: transparent; } -/** - * Address `outline` inconsistency between Chrome and other browsers. - */ a:focus { outline: thin dotted; } -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ a:active, a:hover { outline: 0; } -/* ========================================================================== - Typography - ========================================================================== */ -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari 5, and Chrome. - */ h1 { font-size: 2em; margin: 0.67em 0; } -/** - * Address styling not present in IE 8/9, Safari 5, and Chrome. - */ abbr[title] { border-bottom: 1px dotted; } -/** - * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ b, strong { font-weight: bold; } -/** - * Address styling not present in Safari 5 and Chrome. - */ dfn { font-style: italic; } -/** - * Address differences between Firefox and other browsers. - */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } -/** - * Address styling not present in IE 8/9. - */ mark { background: #ff0; color: #000; } -/** - * Correct font family set oddly in Safari 5 and Chrome. - */ code, kbd, pre, @@ -168,30 +103,18 @@ samp { font-size: 1em; } -/** - * Improve readability of pre-formatted text in all browsers. - */ pre { white-space: pre-wrap; } -/** - * Set consistent quote types. - */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } -/** - * Address inconsistent and variable font size in all browsers. - */ small { font-size: 80%; } -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ sub, sup { font-size: 75%; @@ -208,49 +131,24 @@ sub { bottom: -0.25em; } -/* ========================================================================== - Embedded content - ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9. - */ img { border: 0; } -/** - * Correct overflow displayed oddly in IE 9. - */ svg:not(:root) { overflow: hidden; } -/* ========================================================================== - Figures - ========================================================================== */ -/** - * Address margin not present in IE 8/9 and Safari 5. - */ figure { margin: 0; } -/* ========================================================================== - Forms - ========================================================================== */ -/** - * Define consistent border, margin, and padding. - */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } -/** - * 1. Correct `color` not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ legend { border: 0; /* 1 */ @@ -258,11 +156,6 @@ legend { /* 2 */ } -/** - * 1. Correct font family not being inherited in all browsers. - * 2. Correct font size not being inherited in all browsers. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - */ button, input, select, @@ -275,33 +168,16 @@ textarea { /* 3 */ } -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ button, input { line-height: normal; } -/** - * 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. - */ button, select { text-transform: none; } -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ button, html input[type="button"], input[type="reset"], @@ -312,18 +188,11 @@ input[type="submit"] { /* 3 */ } -/** - * Re-set default cursor for disabled elements. - */ button[disabled], html input[disabled] { cursor: default; } -/** - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; @@ -332,11 +201,6 @@ input[type="radio"] { /* 2 */ } -/** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ @@ -346,28 +210,17 @@ input[type="search"] { box-sizing: content-box; } -/** - * Remove inner padding and search cancel button in Safari 5 and Chrome - * on OS X. - */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } -/** - * Remove inner padding and border in Firefox 4+. - */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ textarea { overflow: auto; /* 1 */ @@ -375,12 +228,6 @@ textarea { /* 2 */ } -/* ========================================================================== - Tables - ========================================================================== */ -/** - * Remove most spacing between table cells. - */ table { border-collapse: collapse; border-spacing: 0; diff --git a/lib/sass/normalize.scss b/lib/sass/normalize.scss index 562891a..b69efc3 100644 --- a/lib/sass/normalize.scss +++ b/lib/sass/normalize.scss @@ -1,12 +1,12 @@ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ -/* ========================================================================== - HTML5 display definitions - ========================================================================== */ +// ========================================================================== +// HTML5 display definitions +// ========================================================================== */ -/** - * Correct `block` display not defined in IE 8/9. - */ +// +// Correct `block` display not defined in IE 8/9. +// article, aside, @@ -23,9 +23,9 @@ summary { display: block; } -/** - * Correct `inline-block` display not defined in IE 8/9. - */ +// +// Correct `inline-block` display not defined in IE 8/9. +// audio, canvas, @@ -33,35 +33,35 @@ video { display: inline-block; } -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ +// +// Prevent modern browsers from displaying `audio` without controls. +// Remove excess height in iOS 5 devices. +// audio:not([controls]) { display: none; height: 0; } -/** - * Address `[hidden]` styling not present in IE 8/9. - * Hide the `template` element in IE, Safari, and Firefox < 22. - */ +// +// Address `[hidden]` styling not present in IE 8/9. +// Hide the `template` element in IE, Safari, and Firefox < 22. +// [hidden], template { display: none; } -/* ========================================================================== - Base - ========================================================================== */ +// ========================================================================== +// Base +// ========================================================================== */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ +// +// 1. Set default font family to sans-serif. +// 2. Prevent iOS text size adjust after orientation change, without disabling +// user zoom. +// html { font-family: sans-serif; /* 1 */ @@ -69,85 +69,85 @@ html { -webkit-text-size-adjust: 100%; /* 2 */ } -/** - * Remove default margin. - */ +// +// Remove default margin. +// body { margin: 0; } -/* ========================================================================== - Links - ========================================================================== */ +// ========================================================================== +// Links +// ========================================================================== */ -/** - * Remove the gray background color from active links in IE 10. - */ +// +// Remove the gray background color from active links in IE 10. +// a { background: transparent; } -/** - * Address `outline` inconsistency between Chrome and other browsers. - */ +// +// Address `outline` inconsistency between Chrome and other browsers. +// a:focus { outline: thin dotted; } -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ +// +// Improve readability when focused and also mouse hovered in all browsers. +// a:active, a:hover { outline: 0; } -/* ========================================================================== - Typography - ========================================================================== */ +// ========================================================================== +// Typography +// ========================================================================== */ -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari 5, and Chrome. - */ +// +// Address variable `h1` font-size and margin within `section` and `article` +// contexts in Firefox 4+, Safari 5, and Chrome. +// h1 { font-size: 2em; margin: 0.67em 0; } -/** - * Address styling not present in IE 8/9, Safari 5, and Chrome. - */ +// +// Address styling not present in IE 8/9, Safari 5, and Chrome. +// abbr[title] { border-bottom: 1px dotted; } -/** - * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ +// +// Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. +// b, strong { font-weight: bold; } -/** - * Address styling not present in Safari 5 and Chrome. - */ +// +// Address styling not present in Safari 5 and Chrome. +// dfn { font-style: italic; } -/** - * Address differences between Firefox and other browsers. - */ +// +// Address differences between Firefox and other browsers. +// hr { -moz-box-sizing: content-box; @@ -155,18 +155,18 @@ hr { height: 0; } -/** - * Address styling not present in IE 8/9. - */ +// +// Address styling not present in IE 8/9. +// mark { background: #ff0; color: #000; } -/** - * Correct font family set oddly in Safari 5 and Chrome. - */ +// +// Correct font family set oddly in Safari 5 and Chrome. +// code, kbd, @@ -176,33 +176,33 @@ samp { font-size: 1em; } -/** - * Improve readability of pre-formatted text in all browsers. - */ +// +// Improve readability of pre-formatted text in all browsers. +// pre { white-space: pre-wrap; } -/** - * Set consistent quote types. - */ +// +// Set consistent quote types. +// q { quotes: "\201C" "\201D" "\2018" "\2019"; } -/** - * Address inconsistent and variable font size in all browsers. - */ +// +// Address inconsistent and variable font size in all browsers. +// small { font-size: 80%; } -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ +// +// Prevent `sub` and `sup` affecting `line-height` in all browsers. +// sub, sup { @@ -220,45 +220,45 @@ sub { bottom: -0.25em; } -/* ========================================================================== - Embedded content - ========================================================================== */ +// ========================================================================== +// Embedded content +// ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9. - */ +// +// Remove border when inside `a` element in IE 8/9. +// img { border: 0; } -/** - * Correct overflow displayed oddly in IE 9. - */ +// +// Correct overflow displayed oddly in IE 9. +// svg:not(:root) { overflow: hidden; } -/* ========================================================================== - Figures - ========================================================================== */ +// ========================================================================== +// Figures +// ========================================================================== */ -/** - * Address margin not present in IE 8/9 and Safari 5. - */ +// +// Address margin not present in IE 8/9 and Safari 5. +// figure { margin: 0; } -/* ========================================================================== - Forms - ========================================================================== */ +// ========================================================================== +// Forms +// ========================================================================== */ -/** - * Define consistent border, margin, and padding. - */ +// +// Define consistent border, margin, and padding. +// fieldset { border: 1px solid #c0c0c0; @@ -266,21 +266,21 @@ fieldset { padding: 0.35em 0.625em 0.75em; } -/** - * 1. Correct `color` not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ +// +// 1. Correct `color` not being inherited in IE 8/9. +// 2. Remove padding so people aren't caught out if they zero out fieldsets. +// legend { border: 0; /* 1 */ padding: 0; /* 2 */ } -/** - * 1. Correct font family not being inherited in all browsers. - * 2. Correct font size not being inherited in all browsers. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - */ +// +// 1. Correct font family not being inherited in all browsers. +// 2. Correct font size not being inherited in all browsers. +// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. +// button, input, @@ -291,35 +291,35 @@ textarea { margin: 0; /* 3 */ } -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ +// +// Address Firefox 4+ setting `line-height` on `input` using `!important` in +// the UA stylesheet. +// button, input { line-height: normal; } -/** - * 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. - */ +// +// 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. +// button, select { text-transform: none; } -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ +// +// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` +// and `video` controls. +// 2. Correct inability to style clickable `input` types in iOS. +// 3. Improve usability and consistency of cursor style between image-type +// `input` and others. +// button, html input[type="button"], /* 1 */ @@ -329,19 +329,19 @@ input[type="submit"] { cursor: pointer; /* 3 */ } -/** - * Re-set default cursor for disabled elements. - */ +// +// Re-set default cursor for disabled elements. +// button[disabled], html input[disabled] { cursor: default; } -/** - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ +// +// 1. Address box sizing set to `content-box` in IE 8/9/10. +// 2. Remove excess padding in IE 8/9/10. +// input[type="checkbox"], input[type="radio"] { @@ -349,11 +349,11 @@ input[type="radio"] { padding: 0; /* 2 */ } -/** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ +// +// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. +// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome +// (include `-moz` to future-proof). +// input[type="search"] { -webkit-appearance: textfield; /* 1 */ @@ -362,19 +362,19 @@ input[type="search"] { box-sizing: content-box; } -/** - * Remove inner padding and search cancel button in Safari 5 and Chrome - * on OS X. - */ +// +// Remove inner padding and search cancel button in Safari 5 and Chrome +// on OS X. +// input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } -/** - * Remove inner padding and border in Firefox 4+. - */ +// +// Remove inner padding and border in Firefox 4+. +// button::-moz-focus-inner, input::-moz-focus-inner { @@ -382,23 +382,23 @@ input::-moz-focus-inner { padding: 0; } -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ +// +// 1. Remove default vertical scrollbar in IE 8/9. +// 2. Improve readability and alignment in all browsers. +// textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } -/* ========================================================================== - Tables - ========================================================================== */ +// ========================================================================== +// Tables +// ========================================================================== */ -/** - * Remove most spacing between table cells. - */ +// +// Remove most spacing between table cells. +// table { border-collapse: collapse;