From bd227b6a60b51d1423092365e25233713f9394d4 Mon Sep 17 00:00:00 2001 From: Neil Smith Date: Wed, 6 Dec 2017 14:40:49 -0600 Subject: [PATCH 1/2] convert block level comments to single line comments --- _normalize.scss | 392 +++++++++++++++--------------------------------- 1 file changed, 124 insertions(+), 268 deletions(-) diff --git a/_normalize.scss b/_normalize.scss index 7c7bed261..b23e5c7a2 100644 --- a/_normalize.scss +++ b/_normalize.scss @@ -1,52 +1,38 @@ -/* ========================================================================== - Normalize.scss settings - ========================================================================== */ -/** - * Includes legacy browser support IE6/7 - * - * Set to false if you want to drop support for IE6 and IE7 - */ +// Normalize.scss settings -$legacy_browser_support: false !default; +// Includes legacy browser support IE6/7 +// +// Set to false if you want to drop support for IE6 and IE7 -/* Base - ========================================================================== */ +$legacy_browser_support: false !default; -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS and IE text size adjust after device orientation change, - * without disabling user zoom. - * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using - * `em` units. - */ +// Base +// 1. Set default font family to sans-serif. +// 2. Prevent iOS and IE text size adjust after device orientation change, +// without disabling user zoom. +// 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using +// `em` units. html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ + font-family: sans-serif; // 1 + -ms-text-size-adjust: 100%; // 2 + -webkit-text-size-adjust: 100%; // 2 @if $legacy_browser_support { - *font-size: 100%; /* 3 */ + *font-size: 100%; // 3 } } -/** - * Remove default margin. - */ - +// Remove default margin. body { margin: 0; } -/* HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ +// HTML5 display definitions +// Correct `block` display not defined for any HTML5 element in IE 8/9. +// Correct `block` display not defined for `details` or `summary` in IE 10/11 +// and Firefox. +// Correct `block` display not defined for `main` in IE 11. article, aside, details, @@ -63,80 +49,57 @@ summary { display: block; } -/** - * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ - +// 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. +// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. audio, canvas, progress, video { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + display: inline-block; // 1 + vertical-align: baseline; // 2 @if $legacy_browser_support { *display: inline; *zoom: 1; } } -/** - * Prevents modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - +// Prevents 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/10. - * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. - */ - +// Address `[hidden]` styling not present in IE 8/9/10. +// Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. [hidden], template { display: none; } -/* Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ +// Links +// Remove the gray background color from active links in IE 10. a { background-color: transparent; } -/** - * Improve readability of focused elements when they are also in an - * active/hover state. - */ - +// Improve readability of focused elements when they are also in an +// active/hover state. a { &:active, &:hover { outline: 0; }; } -/* Text-level semantics - ========================================================================== */ - -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ +// Text-level semantics +// Address styling not present in IE 8/9/10/11, Safari, and Chrome. abbr[title] { border-bottom: 1px dotted; } -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ - +// Address style set to `bolder` in Firefox 4+, Safari, and Chrome. b, strong { font-weight: bold; @@ -148,19 +111,13 @@ strong { } } -/** - * Address styling not present in Safari and Chrome. - */ - +// Address styling not present in Safari and Chrome. dfn { font-style: italic; } -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ - +// Address variable `h1` font-size and margin within `section` and `article` +// contexts in Firefox 4+, Safari, and Chrome. h1 { font-size: 2em; margin: 0.67em 0; @@ -193,10 +150,7 @@ h1 { } } -/** - * Addresses styling not present in IE 8/9. - */ - +// Addresses styling not present in IE 8/9. mark { background: #ff0; color: #000; @@ -204,27 +158,18 @@ mark { @if $legacy_browser_support { - /** - * Addresses margins set differently in IE 6/7. - */ - + // Addresses margins set differently in IE 6/7. p, pre { *margin: 1em 0; } - /* - * Addresses CSS quotes not supported in IE 6/7. - */ - + // Addresses CSS quotes not supported in IE 6/7. q { *quotes: none; } - /* - * Addresses `quotes` property not supported in Safari 4. - */ - + // Addresses `quotes` property not supported in Safari 4. q:before, q:after { content: ''; @@ -232,18 +177,12 @@ mark { } } -/** - * 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 { font-size: 75%; @@ -262,14 +201,9 @@ sub { @if $legacy_browser_support { - /* ========================================================================== - Lists - ========================================================================== */ - - /* - * Addresses margins set differently in IE 6/7. - */ + // Lists + // Addresses margins set differently in IE 6/7. dl, menu, ol, @@ -281,20 +215,14 @@ sub { *margin: 0 0 0 40px; } - /* - * Addresses paddings set differently in IE 6/7. - */ - + // Addresses paddings set differently in IE 6/7. menu, ol, ul { *padding: 0 0 0 40px; } - /* - * Corrects list images handled incorrectly in IE 7. - */ - + // Corrects list images handled incorrectly in IE 7. nav ul, nav ol { *list-style: none; @@ -303,62 +231,42 @@ sub { } -/* Embedded content - ========================================================================== */ - -/** - * 1. Remove border when inside `a` element in IE 8/9/10. - * 2. Improves image quality when scaled in IE 7. - */ +// Embedded content +// 1. Remove border when inside `a` element in IE 8/9/10. +// 2. Improves image quality when scaled in IE 7. img { border: 0; @if $legacy_browser_support { - *-ms-interpolation-mode: bicubic; /* 2 */ + *-ms-interpolation-mode: bicubic; // 2 } } -/** - * Correct overflow not hidden in IE 9/10/11. - */ - +// Correct overflow not hidden in IE 9/10/11. svg:not(:root) { overflow: hidden; } -/* Grouping content - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari. - */ +// Grouping content +// Address margin not present in IE 8/9 and Safari. figure { margin: 1em 40px; } -/** - * Address differences between Firefox and other browsers. - */ - +// Address differences between Firefox and other browsers. hr { box-sizing: content-box; height: 0; } -/** - * Contain overflow in all browsers. - */ - +// Contain overflow in all browsers. pre { overflow: auto; } -/** - * Address odd `em`-unit font size rendering in all browsers. - * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. - */ - +// Address odd `em`-unit font size rendering in all browsers. +// Correct font family set oddly in IE 6, Safari 4/5, and Chrome. code, kbd, pre, @@ -370,203 +278,151 @@ samp { font-size: 1em; } -/* Forms - ========================================================================== */ +// Forms -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ - -/** - * 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, and Chrome. - * 4. Improves appearance and consistency in all browsers. - */ +// Known limitation: by default, Chrome and Safari on OS X allow very limited +// styling of `select`, unless a `border` property is set. +// 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, and Chrome. +// 4. Improves appearance and consistency in all browsers. button, input, optgroup, select, textarea { - color: inherit; /* 1 */ - font: inherit; /* 2 */ - margin: 0; /* 3 */ + color: inherit; // 1 + font: inherit; // 2 + margin: 0; // 3 @if $legacy_browser_support { - vertical-align: baseline; /* 3 */ - *vertical-align: middle; /* 3 */ + vertical-align: baseline; // 3 + *vertical-align: middle; // 3 } } -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ - +// Address `overflow` set to `hidden` in IE 8/9/10/11. 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 Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ - +// 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 Firefox, IE 8/9/10/11, and Opera. +// Correct `select` style inheritance in Firefox. 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. - * 4. Removes inner spacing in IE 7 without affecting normal text inputs. - * Known issue: inner spacing remains in IE 6. - */ - +// 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. +// 4. Removes inner spacing in IE 7 without affecting normal text inputs. +// Known issue: inner spacing remains in IE 6. button, -html input[type="button"], /* 1 */ +html input[type="button"], // 1 input[type="reset"], input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ + -webkit-appearance: button; // 2 + cursor: pointer; // 3 @if $legacy_browser_support { - *overflow: visible; /* 4 */ + *overflow: visible; // 4 } } -/** - * Re-set default cursor for disabled elements. - */ - +// Re-set default cursor for disabled elements. button[disabled], html input[disabled] { cursor: default; } -/** - * Remove inner padding and border in Firefox 4+. - */ - +// Remove inner padding and border in Firefox 4+. button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } -/** - * 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. input { line-height: normal; } -/** - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - * Known issue: excess padding remains in IE 6. - */ - +// 1. Address box sizing set to `content-box` in IE 8/9/10. +// 2. Remove excess padding in IE 8/9/10. +// Known issue: excess padding remains in IE 6. input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ + box-sizing: border-box; // 1 + padding: 0; // 2 @if $legacy_browser_support { - *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`. - */ - +// 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; } -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. - */ - +// 1. Address `appearance` set to `searchfield` in Safari and Chrome. +// 2. Address `box-sizing` set to `border-box` in Safari and Chrome. input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - box-sizing: content-box; /* 2 */ + -webkit-appearance: textfield; // 1 + 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). - */ - +// 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). input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } -/** - * Define consistent border, margin, and padding. - */ - +// 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/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - * 3. Corrects text not wrapping in Firefox 3. - * 4. Corrects alignment displayed oddly in IE 6/7. - */ - +// 1. Correct `color` not being inherited in IE 8/9/10/11. +// 2. Remove padding so people aren't caught out if they zero out fieldsets. +// 3. Corrects text not wrapping in Firefox 3. +// 4. Corrects alignment displayed oddly in IE 6/7. legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ + border: 0; // 1 + padding: 0; // 2 @if $legacy_browser_support { - white-space: normal; /* 3 */ - *margin-left: -7px; /* 4 */ + white-space: normal; // 3 + *margin-left: -7px; // 4 } } -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ - +// Remove default vertical scrollbar in IE 8/9/10/11. textarea { overflow: auto; } -/** - * 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. - */ - +// 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 - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ +// Tables +// Remove most spacing between table cells. table { border-collapse: collapse; border-spacing: 0; From 665bedb710e2ecd9f13ad2f2f9b1cd72d1ddcc77 Mon Sep 17 00:00:00 2001 From: Neil Smith Date: Wed, 6 Dec 2017 14:41:34 -0600 Subject: [PATCH 2/2] remove blank line --- _normalize.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_normalize.scss b/_normalize.scss index b23e5c7a2..8a38756e5 100644 --- a/_normalize.scss +++ b/_normalize.scss @@ -1,7 +1,7 @@ // Normalize.scss settings // Includes legacy browser support IE6/7 -// + // Set to false if you want to drop support for IE6 and IE7 $legacy_browser_support: false !default;