diff options
author | JohnAlbin <virtually.johnalbin@gmail.com> | 2018-01-29 07:13:40 +0300 |
---|---|---|
committer | JohnAlbin <virtually.johnalbin@gmail.com> | 2018-01-29 09:54:28 +0300 |
commit | 821f98d7d9336b879db2b769a3d8d679a950d457 (patch) | |
tree | 1661e604383b6209f3177afe938c3e7434ba28a7 | |
parent | 656c32abe6833a594dee08052bb6829577deb83e (diff) |
Drop support for Compass
-rw-r--r-- | README.md | 5 | ||||
-rw-r--r-- | fork-versions/deprecated-compass/README.md | 5 | ||||
-rw-r--r-- | fork-versions/deprecated-compass/_normalize.scss | 657 | ||||
-rw-r--r-- | fork-versions/deprecated-compass/_variables.scss | 40 | ||||
-rw-r--r-- | fork-versions/typey-chroma-kss/README.md | 2 | ||||
-rw-r--r-- | fork-versions/typey/README.md | 2 | ||||
-rw-r--r-- | lib/normalize-scss.rb | 15 | ||||
-rw-r--r-- | test/fixtures/fork-versions/deprecated-compass/compass/css3/_box-sizing.scss | 9 | ||||
-rw-r--r-- | test/fixtures/fork-versions/deprecated-compass/compass/typography/_vertical_rhythm.scss | 43 | ||||
-rw-r--r-- | test/fixtures/fork-versions/deprecated-compass/input.scss | 1 | ||||
-rw-r--r-- | test/fixtures/fork-versions/deprecated-compass/output.css | 461 | ||||
-rw-r--r-- | test/test_fork-versions.js | 13 |
12 files changed, 7 insertions, 1246 deletions
@@ -16,7 +16,7 @@ This Sass port currently adds: * Vertical rhythm mixins: Allowing you to alter the font-size, line-height and margins in Normalize’s output without hacking the library. * Optional Eyeglass support. -* Several ready-to-fork versions that integrate typography Sass modules like Typey, style guides built with KSS, or the legacy Compass module. +* Several ready-to-fork versions that integrate typography Sass modules like Typey, or style guides built with KSS. # normalize.css v5 @@ -44,7 +44,7 @@ Install using one of the following methods: * Install with [npm](http://npmjs.org/): `npm install --save normalize-scss` * Install with [Bower](http://bower.io/): `bower install --save normalize.scss` * Install with [Ruby Gem](https://rubygems.org/gems/normalize-scss): `gem install normalize-scss`<br> - and, if using Compass, add `require "normalize-scss"` to your config.rb file. Note: if you want to alter the _normalize.scss file after installation (see "how to use it" below), you can use the `gem list --details normalize-scss` command to show you where the normalize-scss files were installed. + and, optionally, add `require "normalize-scss"` to your config.rb file. Note: if you want to alter the _normalize.scss file after installation (see "how to use it" below), you can use the `gem list --details normalize-scss` command to show you where the normalize-scss files were installed. ## How to use it @@ -55,7 +55,6 @@ You can use the Sass port of Normalize in one of several methods, following the __Approach 1:__ Download and use normalize-scss as a starting point for your own project's base Sass, customising the values to match the design's requirements. (The best approach, _IMO_.) 1. Copy the normalize-scss files to your sass directory so that you can alter it as you include it in your project. To aid with this method, normalize-scss includes several ready-made "fork" versions: * [fork-versions/default](fork-versions/default) - Fork for libSass or Ruby Sass - * [fork-versions/deprecated-compass](fork-versions/deprecated-compass) - Fork with Compass ([deprecated](https://github.com/Compass/compass/issues/1999)) * [fork-versions/typey](fork-versions/typey) - Fork with Typey * [fork-versions/typey-chroma-kss](fork-versions/typey-chroma-kss) - Fork with Typey, Chroma and KSS diff --git a/fork-versions/deprecated-compass/README.md b/fork-versions/deprecated-compass/README.md deleted file mode 100644 index a32d741..0000000 --- a/fork-versions/deprecated-compass/README.md +++ /dev/null @@ -1,5 +0,0 @@ -# Fork-able normalize-scss<br> for Ruby Sass and Compass 1.0 - -1. Copy these files to your Sass project. -2. Start forking by altering/moving Sass variables found in `_variables.scss`. -3. Edit any CSS ruleset directly rather than overriding it in later Sass. diff --git a/fork-versions/deprecated-compass/_normalize.scss b/fork-versions/deprecated-compass/_normalize.scss deleted file mode 100644 index 0ab446c..0000000 --- a/fork-versions/deprecated-compass/_normalize.scss +++ /dev/null @@ -1,657 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ - -@import "variables"; -// After the default variables are set, import the required Compass partials. -// Feel free to move these lines to your own initialization partial. -@import "compass/css3/box-sizing"; -@import "compass/typography/vertical_rhythm"; - -// If we've customized any font variables, we'll need extra properties. -@if $base-font-size != 16px - or $base-line-height != 24px - or $rhythm-unit != 'em' - or $h1-font-size != 2 * $base-font-size - or $h2-font-size != 1.5 * $base-font-size - or $h3-font-size != 1.17 * $base-font-size - or $h4-font-size != 1 * $base-font-size - or $h5-font-size != 0.83 * $base-font-size - or $h6-font-size != 0.67 * $base-font-size - or $indent-amount != 40px { - $normalize-vertical-rhythm: true !global; -} - -/* Document - ========================================================================== */ - -/** - * 1. Establish a vertical rhythm unit using $base-font-size, $base-line-height, - * and $rhythm-unit variables. - * 2. Correct old browser bug that prevented accessible resizing of text when - * root font-size is set with px or em. - * 3. Correct the line height in all browsers. - */ - -@include establish-baseline(); - -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ - -html { - // Show a background image that can be used to debug your alignments. - // @include debug-vertical-alignment(); - font-family: $base-font-family; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers (opinionated). - */ - -body { - margin: 0; -} - -/** - * Add the correct display in IE 9-. - */ - -article, -aside, -footer, -header, -nav, -section { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - /* Set the font-size and line-height while keeping a proper vertical rhythm. */ - @if $normalize-vertical-rhythm { - @include adjust-font-size-to( $h1-font-size ); - } - @else { - font-size: if($rhythm-unit == "px", $h1-font-size, unquote("#{$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); -} - -@if $normalize-vertical-rhythm { - 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); - } -} - -/* Grouping content - ========================================================================== */ - -@if $normalize-vertical-rhythm { - /** - * Set 1 unit of vertical rhythm on the top and bottom margin. - */ - - blockquote { - @include output-rhythm(margin, rhythm(1) $indent-amount); - } - - dl, - ol, - ul { - @include output-rhythm(margin, rhythm(1) 0); - } - - /** - * Turn off margins on nested lists. - */ - - ol, - ul { - ol, - ul { - margin: 0; - } - } - - dd { - margin: 0 0 0 $indent-amount; - } - - ol, - ul { - padding: 0 0 0 $indent-amount; - } -} - -/** - * Add the correct display in IE 9-. - */ - -figcaption, -figure { - display: block; -} - -/** - * Add the correct margin in IE 8. - */ - -figure { - @include output-rhythm(margin, rhythm(1) $indent-amount); -} - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - @include box-sizing(content-box); /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * Add the correct display in IE. - */ - -main { - display: block; -} - -@if $normalize-vertical-rhythm { - /** - * Set 1 unit of vertical rhythm on the top and bottom margin. - */ - - p, - pre { - @include output-rhythm(margin, rhythm(1) 0); - } -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -%monospace { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -pre { - @extend %monospace; -} - -/* Links - ========================================================================== */ - -/** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. - */ - -a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ -} - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ - -a:active, -a:hover { - outline-width: 0; -} - -/* Text-level semantics - ========================================================================== */ - -/** - * 1. Remove the bottom border in Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ - -b, -strong { - font-weight: inherit; -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -code, -kbd, -samp { - @extend %monospace; -} - -/** - * Add the correct font style in Android 4.3-. - */ - -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ - -mark { - background-color: #ff0; - color: #000; -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Add the correct display in IE 9-. - */ - -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Remove the border on images inside links in IE 10-. - */ - -img { - border-style: none; -} - -/** - * Hide the overflow in IE. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Forms - ========================================================================== */ - -/** - * Known issues: - * - `select`: - * By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - `[type="checkbox"]`: - * It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - `[type="number"]`: - * Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from `default` to `text`. - * - `[type="search"]`: - * The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In - * Chrome and Safari on Windows you can't control `border` properly. It will - * apply `border-width` but will only show a border color (which cannot be - * controlled) for the outer 1px of that border. Applying - * `-webkit-appearance: textfield` addresses these issues without removing the - * benefits of search inputs (e.g. showing past searches). Safari (but not - * Chrome) will clip the cancel button on when it has padding (and `textfield` - * appearance). - * - `::placeholder`: - * In Edge, placeholders will disappear on `relative` or `absolute` positioned - * `<input>` elements if you use `opacity` less than `1` due to a - * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). - */ - -/** - * 1. Change the font styles in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - @if $normalize-vertical-rhythm { - @include adjust-leading-to(1); /* 1 */ - } - @else { - line-height: 1.15; /* 1 */ - } - font-family: $base-font-family; /* 1 */ - font-size: 100%; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - */ - -button { - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { /* 1 */ - text-transform: none; -} - -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS and Safari. - */ - -button, -html [type="button"], /* 1 */ -[type="reset"], -[type="submit"] { - -webkit-appearance: button; /* 2 */ -} - -button, -[type="button"], -[type="reset"], -[type="submit"] { - - /** - * Remove the inner border and padding in Firefox. - */ - - &::-moz-focus-inner { - border-style: none; - padding: 0; - } - - /** - * Restore the focus styles unset by the previous rule. - */ - - &:-moz-focusring { - outline: 1px dotted ButtonText; - } -} - -/** - * Show the overflow in Edge. - */ - -input { - overflow: visible; -} - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ - -[type="checkbox"], -[type="radio"] { - @include box-sizing(border-box); /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ - - /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. - */ - - &::-webkit-search-cancel-button, - &::-webkit-search-decoration { - -webkit-appearance: none; - } -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ - -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); -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - color: inherit; /* 2 */ - white-space: normal; /* 1 */ -} - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} - -/** - * Remove the default vertical scrollbar in IE. - */ - -textarea { - overflow: auto; -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in Edge, IE, and Firefox. - */ - -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* - * Add the correct display in IE 9-. - */ - -menu { - display: block; - - @if $normalize-vertical-rhythm { - /* - * 1. Set 1 unit of vertical rhythm on the top and bottom margin. - * 2. Set consistent space for the list style image. - */ - - @include output-rhythm(margin, rhythm(1) 0); /* 1 */ - padding: 0 0 0 $indent-amount; /* 2 */ - - /** - * Turn off margins on nested lists. - */ - - menu &, - ol &, - ul & { - margin: 0; - } - } -} - -/* Scripting - ========================================================================== */ - -/** - * Add the correct display in IE 9-. - */ - -canvas { - display: inline-block; -} - -/** - * Add the correct display in IE. - */ - -template { - display: none; -} - -/* Hidden - ========================================================================== */ - -/** - * Add the correct display in IE 10-. - */ - -[hidden] { - display: none; -} diff --git a/fork-versions/deprecated-compass/_variables.scss b/fork-versions/deprecated-compass/_variables.scss deleted file mode 100644 index cebd9e0..0000000 --- a/fork-versions/deprecated-compass/_variables.scss +++ /dev/null @@ -1,40 +0,0 @@ -// Variables -// -// If you have a base partial (or equivalent), you should move these lines to -// that file. NOTE: Edit the lines to remove "!default". -// @see http://compass-style.org/help/tutorials/best_practices/ -// ============================================================================= - -// These 3 variables are copies of ones used in Compass' Vertical Rhythm module. - - // The font size set on the root html element. - $base-font-size: 16px !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 default font family. -$base-font-family: sans-serif !default; - -// The font sizes for h1-h6. -$h1-font-size: 2 * $base-font-size !default; -$h2-font-size: 1.5 * $base-font-size !default; -$h3-font-size: 1.17 * $base-font-size !default; -$h4-font-size: 1 * $base-font-size !default; -$h5-font-size: 0.83 * $base-font-size !default; -$h6-font-size: 0.67 * $base-font-size !default; - -// The amount lists and blockquotes are indented. -$indent-amount: 40px !default; - -// The following variable controls whether normalize-scss will output -// font-sizes, line-heights and block-level top/bottom margins that form a basic -// vertical rhythm on the page, which differs from the original Normalize.css. -// However, changing any of the variables above will cause -// $normalize-vertical-rhythm to be automatically set to true. -$normalize-vertical-rhythm: false !default; diff --git a/fork-versions/typey-chroma-kss/README.md b/fork-versions/typey-chroma-kss/README.md index 065b253..ded0b90 100644 --- a/fork-versions/typey-chroma-kss/README.md +++ b/fork-versions/typey-chroma-kss/README.md @@ -47,7 +47,7 @@ gem 'chroma-sass', '~> 1.0' gem 'typey', '~> 1.0.0' ``` -2. If you use Compass, edit your `config.rb` file to add: +2. Optionally, edit your `config.rb` file to add: ```ruby require 'chroma-sass' diff --git a/fork-versions/typey/README.md b/fork-versions/typey/README.md index 526e73b..3533388 100644 --- a/fork-versions/typey/README.md +++ b/fork-versions/typey/README.md @@ -40,7 +40,7 @@ In addition to copying these files to your Sass project, you'll also need to: gem 'typey', '~> 1.0.0' ``` -2. If you use Compass, edit your `config.rb` file to add: +2. Optionally, edit your `config.rb` file to add: ```ruby require 'typey' diff --git a/lib/normalize-scss.rb b/lib/normalize-scss.rb index a31710e..4f83abb 100644 --- a/lib/normalize-scss.rb +++ b/lib/normalize-scss.rb @@ -1,17 +1,8 @@ project_path = File.join(File.dirname(__FILE__), '..') stylesheets_path = File.join(project_path, 'sass') -if (defined? Compass) - Compass::Frameworks.register( - 'normalize-scss', - :path => project_path, - :stylesheets_directory => stylesheets_path - ) +if ENV.has_key?('SASS_PATH') + ENV['SASS_PATH'] = ENV['SASS_PATH'] + File::PATH_SEPARATOR + stylesheets_path else - # Compass not defined, register the Sass path via an environment variable. - if ENV.has_key?('SASS_PATH') - ENV['SASS_PATH'] = ENV['SASS_PATH'] + File::PATH_SEPARATOR + stylesheets_path - else - ENV['SASS_PATH'] = stylesheets_path - end + ENV['SASS_PATH'] = stylesheets_path end diff --git a/test/fixtures/fork-versions/deprecated-compass/compass/css3/_box-sizing.scss b/test/fixtures/fork-versions/deprecated-compass/compass/css3/_box-sizing.scss deleted file mode 100644 index 50aa5b6..0000000 --- a/test/fixtures/fork-versions/deprecated-compass/compass/css3/_box-sizing.scss +++ /dev/null @@ -1,9 +0,0 @@ -@mixin box-sizing($value) { - @if support-legacy-browser(firefox, "28") { - -moz-box-sizing: $value; - } - @if support-legacy-browser(safari, "5") or support-legacy-browser(chrome, "9") { - -webkit-box-sizing: $value; - } - box-sizing: $value; -} diff --git a/test/fixtures/fork-versions/deprecated-compass/compass/typography/_vertical_rhythm.scss b/test/fixtures/fork-versions/deprecated-compass/compass/typography/_vertical_rhythm.scss deleted file mode 100644 index e44a2b1..0000000 --- a/test/fixtures/fork-versions/deprecated-compass/compass/typography/_vertical_rhythm.scss +++ /dev/null @@ -1,43 +0,0 @@ -@function rhythm($multiplier, $relative-to: $base-font-size) { - @if $rhythm-unit == "px" { - @return $multiplier * $base-line-height; - } - @else if $rhythm-unit == "em" { - @return $multiplier * ($base-line-height / $relative-to) * 1em; - } - @return $multiplier * ($base-line-height / $base-font-size) * 1rem; -} - -@function em($font-size) { - @return ($font-size/$base-font-size) * 1em; -} - -@mixin establish-baseline() { - html { - font-size: ($base-font-size/16px)*100%; - line-height: rhythm(1); - } -} - -@mixin adjust-font-size-to($font-size) { - font-size: em($font-size); - line-height: rhythm(ceil(($font-size/$base-line-height) + .1), $font-size); -} - -@mixin leader($multiplier, $relative-to) { - margin-top: rhythm($multiplier, $relative-to); -} - -@mixin trailer($multiplier, $relative-to) { - margin-bottom: rhythm($multiplier, $relative-to); -} - -@mixin output-rhythm($property, $value) { - #{$property}: $value; -} - -@mixin apply-side-rhythm-border($side, $width: 1px, $lines: 1) { - #{'border-' + $side + '-width'}: em($width); - #{'border-' + $side + '-style'}: solid; - #{'padding-' + $side}: (rhythm($lines) - em($width)); -} diff --git a/test/fixtures/fork-versions/deprecated-compass/input.scss b/test/fixtures/fork-versions/deprecated-compass/input.scss deleted file mode 100644 index 87d2282..0000000 --- a/test/fixtures/fork-versions/deprecated-compass/input.scss +++ /dev/null @@ -1 +0,0 @@ -@import "normalize"; diff --git a/test/fixtures/fork-versions/deprecated-compass/output.css b/test/fixtures/fork-versions/deprecated-compass/output.css deleted file mode 100644 index d99d989..0000000 --- a/test/fixtures/fork-versions/deprecated-compass/output.css +++ /dev/null @@ -1,461 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/* Document - ========================================================================== */ -/** - * 1. Establish a vertical rhythm unit using $base-font-size, $base-line-height, - * and $rhythm-unit variables. - * 2. Correct old browser bug that prevented accessible resizing of text when - * root font-size is set with px or em. - * 3. Correct the line height in all browsers. - */ -html { - font-size: 100%; - line-height: 1.5em; } - -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/* Sections - ========================================================================== */ -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/** - * Add the correct display in IE 9-. - */ -article, -aside, -footer, -header, -nav, -section { - display: block; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - /* Set the font-size and line-height while keeping a proper vertical rhythm. */ - font-size: 2em; - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin-top: 0.75em; - margin-bottom: 0.75em; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; } - -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1.5em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/** - * Add the correct display in IE. - */ -main { - display: block; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -pre, code, -kbd, -samp { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ } - -/* Links - ========================================================================== */ -/** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. - */ -a { - background-color: transparent; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - text-decoration: underline dotted; - /* 2 */ } - -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ -b, -strong { - font-weight: inherit; } - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; } - -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; } - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; } - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Remove the border on images inside links in IE 10-. - */ -img { - border-style: none; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Forms - ========================================================================== */ -/** - * Known issues: - * - `select`: - * By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - `[type="checkbox"]`: - * It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - `[type="number"]`: - * Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from `default` to `text`. - * - `[type="search"]`: - * The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In - * Chrome and Safari on Windows you can't control `border` properly. It will - * apply `border-width` but will only show a border color (which cannot be - * controlled) for the outer 1px of that border. Applying - * `-webkit-appearance: textfield` addresses these issues without removing the - * benefits of search inputs (e.g. showing past searches). Safari (but not - * Chrome) will clip the cancel button on when it has padding (and `textfield` - * appearance). - * - `::placeholder`: - * In Edge, placeholders will disappear on `relative` or `absolute` positioned - * `<input>` elements if you use `opacity` less than `1` due to a - * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). - */ -/** - * 1. Change the font styles in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - */ -button, -input, -optgroup, -select, -textarea { - line-height: 1.15; - /* 1 */ - font-family: sans-serif; - /* 1 */ - font-size: 100%; - /* 1 */ - margin: 0; - /* 2 */ } - -/** - * Show the overflow in IE. - */ -button { - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS and Safari. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type="checkbox"], -[type="radio"] { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ - /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. - */ } - [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - margin: 0 2px; - /* Apply borders and padding that keep the vertical rhythm. */ - border-color: #c0c0c0; - border-top-width: 0.0625em; - border-top-style: solid; - padding-top: 0.4625em; - border-bottom-width: 0.0625em; - border-bottom-style: solid; - padding-bottom: 0.9125em; - border-left-width: 0.0625em; - border-left-style: solid; - padding-left: 0.875em; - border-right-width: 0.0625em; - border-right-style: solid; - padding-right: 0.875em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - color: inherit; - /* 2 */ - white-space: normal; - /* 1 */ } - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE, and Firefox. - */ -details { - display: block; } - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; } - -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; } - -/* Scripting - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; } - -/** - * Add the correct display in IE. - */ -template { - display: none; } - -/* Hidden - ========================================================================== */ -/** - * Add the correct display in IE 10-. - */ -[hidden] { - display: none; } diff --git a/test/test_fork-versions.js b/test/test_fork-versions.js index ac60ddc..d803da4 100644 --- a/test/test_fork-versions.js +++ b/test/test_fork-versions.js @@ -14,19 +14,6 @@ describe('Fork versions', function() { }); }); - describe('Compass fork', function() { - it('should render properly', function() { - var sassyTest = new SassyTest({ - fixtures: path.join(__dirname, 'fixtures/fork-versions/deprecated-compass'), - includePaths: [ - // Path to fork version. - path.join(__dirname, '../fork-versions/deprecated-compass') - ] - }); - return sassyTest.renderFixture('./'); - }); - }); - describe('Typey fork', function() { it('should render properly', function() { var sassyTest = new SassyTest({ |