From d15ac9b055fa03b15725927fe5ec71e934d37203 Mon Sep 17 00:00:00 2001 From: Hugo Giraudel Date: Sun, 22 Nov 2015 23:34:00 +0100 Subject: [PATCH] Do not mix quote styles --- docs/assets/scss/_anchor.scss | 6 ++-- docs/assets/scss/_footer.scss | 48 ++++++++++++++-------------- docs/assets/scss/_newsletter.scss | 4 +-- docs/assets/scss/_reference.scss | 2 +- docs/assets/scss/_search.scss | 2 +- docs/assets/scss/_typography.scss | 2 +- scss/_global.scss | 2 +- scss/components/_accordion-menu.scss | 2 +- scss/components/_pagination.scss | 4 +-- scss/components/_tabs.scss | 2 +- scss/components/_visibility.scss | 2 +- scss/forms/_checkbox.scss | 16 +++++----- scss/forms/_text.scss | 8 ++--- scss/foundation.scss | 2 +- scss/grid/_column.scss | 8 ++--- scss/settings/_settings.scss | 4 +-- scss/typography/_base.scss | 2 +- scss/typography/_print.scss | 4 +-- scss/util/_breakpoint.scss | 14 ++++---- scss/util/_mixins.scss | 8 ++--- scss/util/_selector.scss | 2 +- scss/util/_value.scss | 2 +- test/sass/_breakpoint.scss | 32 +++++++++---------- test/sass/_color.scss | 14 ++++---- test/sass/_selector.scss | 8 ++--- test/sass/_unit.scss | 24 +++++++------- test/sass/_value.scss | 24 +++++++------- 27 files changed, 124 insertions(+), 124 deletions(-) diff --git a/docs/assets/scss/_anchor.scss b/docs/assets/scss/_anchor.scss index 195af9a93..61e9bdf6c 100644 --- a/docs/assets/scss/_anchor.scss +++ b/docs/assets/scss/_anchor.scss @@ -16,8 +16,8 @@ // Link icon &::before { - font-family: "foundation-icons"; - content: "\f165"; + font-family: 'foundation-icons'; + content: '\f165'; color: #999; } @@ -39,4 +39,4 @@ top: 0.25rem; margin-right: -0.3rem; } -} \ No newline at end of file +} diff --git a/docs/assets/scss/_footer.scss b/docs/assets/scss/_footer.scss index 55fb24bc4..35cf891f7 100644 --- a/docs/assets/scss/_footer.scss +++ b/docs/assets/scss/_footer.scss @@ -25,7 +25,7 @@ a { transition: all .25s ease-in-out; - font-family: "zurb-logo"; + font-family: 'zurb-logo'; font-weight: normal; font-size: em-calc(18px); padding: 0; @@ -81,7 +81,7 @@ .connect-links { padding: 50px 0 0 0; border-left: 1px solid rgba(255, 255, 255, 0.2); - background: url("../img/icons/footer-top-icons.png") no-repeat center 0; + background: url('../img/icons/footer-top-icons.png') no-repeat center 0; height: 220px; margin-bottom: 30px; @@ -129,19 +129,19 @@ margin: 30px 0 0 0; &.services { - background: url("../img/icons/footer-studios.png") left top no-repeat; + background: url('../img/icons/footer-studios.png') left top no-repeat; } &.foundation { - background: url("../img/icons/footer-foundation.png") left top no-repeat; + background: url('../img/icons/footer-foundation.png') left top no-repeat; } &.apps { - background: url("../img/icons/footer-products.png") left top no-repeat; + background: url('../img/icons/footer-products.png') left top no-repeat; } &.expo { - background: url("../img/icons/footer-expo.png") left top no-repeat; + background: url('../img/icons/footer-expo.png') left top no-repeat; } span { @@ -173,7 +173,7 @@ .zurb-logo { color: #858585; font-weight: normal; - background: url("../img/icons/footer-icons.png") no-repeat 0 3px; + background: url('../img/icons/footer-icons.png') no-repeat 0 3px; padding: 23px 0 0 0 !important; font-size: em-calc(16px); display: inline-block; @@ -234,7 +234,7 @@ display: block; height: 50px; width: 50px; - background: url("../img/icons/social.png") no-repeat center 0; + background: url('../img/icons/social.png') no-repeat center 0; &:hover { opacity: 0.8; @@ -407,11 +407,11 @@ only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .zurb-footer-top .info-padding { - background-image: url("../img/icons/footer-large-icon-retina.png"); + background-image: url('../img/icons/footer-large-icon-retina.png'); background-size: 100px 400px; } .zurb-footer-bottom ul.home-social li a { - background-image: url("../img/icons/social-retina.png"); + background-image: url('../img/icons/social-retina.png'); background-size: 50px 600px; } .zurb-footer-top .global .footer-link-block { @@ -420,31 +420,31 @@ only screen and (min-device-pixel-ratio: 2) { margin: 30px 0 0 0; &.services { - background: url("../img/icons/footer-studios-retina.png") left top no-repeat; + background: url('../img/icons/footer-studios-retina.png') left top no-repeat; } &.foundation { - background-image: url("../img/icons/footer-foundation-retina.png") left top no-repeat; + background-image: url('../img/icons/footer-foundation-retina.png') left top no-repeat; } &.apps { - background-image: url("../img/icons/footer-products-retina.png") left top no-repeat; + background-image: url('../img/icons/footer-products-retina.png') left top no-repeat; } &.expo { - background-image: url("../img/icons/footer-expo-retina.png") left top no-repeat; + background-image: url('../img/icons/footer-expo-retina.png') left top no-repeat; } } .zurb-footer-bottom a.zurb-logo { - background-image: url("../img/icons/footer-icons-retina.png"); + background-image: url('../img/icons/footer-icons-retina.png'); background-size: 100px 1400px; } .zurb-footer-top .property .learn-links, .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links { - background-image: url("../img/icons/footer-top-icons-retina.png"); + background-image: url('../img/icons/footer-top-icons-retina.png'); background-size: 100px 1400px; } } @@ -455,12 +455,12 @@ only screen and (min-device-pixel-ratio: 2) { only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .zurb-footer-top .info-padding { - background-image: url("../img/icons/footer-large-icon-retina.png"); + background-image: url('../img/icons/footer-large-icon-retina.png'); background-size: 100px 400px; } .zurb-footer-bottom ul.home-social li a { - background-image: url("../img/icons/social-retina.png"); + background-image: url('../img/icons/social-retina.png'); background-size: 50px 600px; } @@ -470,34 +470,34 @@ only screen and (min-device-pixel-ratio: 2) { margin: 30px 0 0 0; &.services { - background: url("../img/icons/footer-studios-retina.png") left top no-repeat; + background: url('../img/icons/footer-studios-retina.png') left top no-repeat; background-size: 30px; } &.foundation { - background: url("../img/icons/footer-foundation-retina.png") left top no-repeat; + background: url('../img/icons/footer-foundation-retina.png') left top no-repeat; background-size: 30px; } &.apps { - background: url("../img/icons/footer-products-retina.png") left top no-repeat; + background: url('../img/icons/footer-products-retina.png') left top no-repeat; background-size: 30px; } &.expo { - background: url("../img/icons/footer-expo-retina.png") left top no-repeat; + background: url('../img/icons/footer-expo-retina.png') left top no-repeat; background-size: 30px; } } .zurb-footer-bottom .zurb-logo { - background-image: url("../img/icons/footer-icons-retina.png"); + background-image: url('../img/icons/footer-icons-retina.png'); background-size: 100px 1400px; } .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links { - background-image: url("../img/icons/footer-top-icons-retina.png"); + background-image: url('../img/icons/footer-top-icons-retina.png'); background-size: 100px 1400px; } } diff --git a/docs/assets/scss/_newsletter.scss b/docs/assets/scss/_newsletter.scss index 64c79d030..bd85e64d7 100644 --- a/docs/assets/scss/_newsletter.scss +++ b/docs/assets/scss/_newsletter.scss @@ -8,7 +8,7 @@ h5 { font-size: 20px; - font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; + font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif; font-weight: 400; margin-bottom: 0px; margin-top: 10px; @@ -28,7 +28,7 @@ } .row.collapse form { - input[type="text"] { + input[type='text'] { font-size: 17px; font-weight: 200; color: #999; diff --git a/docs/assets/scss/_reference.scss b/docs/assets/scss/_reference.scss index 6fd3b5602..ce2664471 100644 --- a/docs/assets/scss/_reference.scss +++ b/docs/assets/scss/_reference.scss @@ -50,7 +50,7 @@ margin-bottom: 0; } - // For when a cell has the text "None" and no actual value + // For when a cell has the text “None” and no actual value code > span { font-family: $body-font-family; } diff --git a/docs/assets/scss/_search.scss b/docs/assets/scss/_search.scss index f403a69ae..544c42afd 100644 --- a/docs/assets/scss/_search.scss +++ b/docs/assets/scss/_search.scss @@ -5,7 +5,7 @@ position: relative; &::before { - content: "\f16c"; + content: '\f16c'; display: block; position: absolute; top: 0.4rem; diff --git a/docs/assets/scss/_typography.scss b/docs/assets/scss/_typography.scss index 9373ade01..d1af237ea 100644 --- a/docs/assets/scss/_typography.scss +++ b/docs/assets/scss/_typography.scss @@ -10,7 +10,7 @@ .docs-big-index strong, .docs-small-index h4, .twitter-typeahead { - font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; } a > code { diff --git a/scss/_global.scss b/scss/_global.scss index 928137d78..298557cb7 100644 --- a/scss/_global.scss +++ b/scss/_global.scss @@ -68,7 +68,7 @@ $body-font-color: $black !default; /// Font stack of the body. /// @type List -$body-font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !default; +$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !default; /// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties. /// @type Boolean diff --git a/scss/components/_accordion-menu.scss b/scss/components/_accordion-menu.scss index af4809086..bb5b86299 100644 --- a/scss/components/_accordion-menu.scss +++ b/scss/components/_accordion-menu.scss @@ -20,7 +20,7 @@ $accordionmenu-arrows: true; } } - .is-accordion-submenu-parent[aria-expanded="true"] > a::after { + .is-accordion-submenu-parent[aria-expanded='true'] > a::after { transform-origin: 50% 50%; transform: scaleY(-1); } diff --git a/scss/components/_pagination.scss b/scss/components/_pagination.scss index 9d3ef4671..72aba4e57 100644 --- a/scss/components/_pagination.scss +++ b/scss/components/_pagination.scss @@ -98,7 +98,7 @@ $pagination-arrows: true !default; // Symbols @if $pagination-arrows { - [aria-label="previous"] { + [aria-label='previous'] { &::before { content: '«'; display: inline-block; @@ -106,7 +106,7 @@ $pagination-arrows: true !default; } } - [aria-label="next"] { + [aria-label='next'] { &::after { content: '»'; display: inline-block; diff --git a/scss/components/_tabs.scss b/scss/components/_tabs.scss index c0d4a5b01..9a73704ee 100644 --- a/scss/components/_tabs.scss +++ b/scss/components/_tabs.scss @@ -108,7 +108,7 @@ $tab-content-padding: 1rem !default; &:hover, &:focus, - &[aria-selected="true"] { + &[aria-selected='true'] { background: $tab-background-active; } } diff --git a/scss/components/_visibility.scss b/scss/components/_visibility.scss index 871b67271..2c191a72b 100644 --- a/scss/components/_visibility.scss +++ b/scss/components/_visibility.scss @@ -88,7 +88,7 @@ } // Screen reader visibility classes - // Need a "hide-for-sr" class? Add aria-hidden="true" to the element + // Need a “hide-for-sr” class? Add aria-hidden='true' to the element .show-for-sr, .show-on-focus { @include element-invisible; diff --git a/scss/forms/_checkbox.scss b/scss/forms/_checkbox.scss index 0f70dd77e..3bb4339ff 100644 --- a/scss/forms/_checkbox.scss +++ b/scss/forms/_checkbox.scss @@ -7,15 +7,15 @@ //// @mixin foundation-form-checkbox { - [type="file"], - [type="checkbox"], - [type="radio"] { + [type='file'], + [type='checkbox'], + [type='radio'] { margin: 0 0 $form-spacing; } // Styles for input/label siblings - [type="checkbox"] + label, - [type="radio"] + label { + [type='checkbox'] + label, + [type='radio'] + label { display: inline-block; margin-#{$global-left}: $form-spacing * 0.5; margin-#{$global-right}: $form-spacing; @@ -24,13 +24,13 @@ } // Styles for inputs inside labels - label > [type="checkbox"], - label > [type="label"] { + label > [type='checkbox'], + label > [type='label'] { margin-#{$global-right}: $form-spacing * 0.5; } // Normalize file input width - [type="file"] { + [type='file'] { width: 100%; } } diff --git a/scss/forms/_text.scss b/scss/forms/_text.scss index 11b6b0f31..a623cdd6f 100644 --- a/scss/forms/_text.scss +++ b/scss/forms/_text.scss @@ -54,7 +54,7 @@ $input-cursor-disabled: default !default; /// @type Transition $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out !default; -/// Enables the up/down buttons that Chrome and Firefox add to `` elements. +/// Enables the up/down buttons that Chrome and Firefox add to `` elements. /// @type Boolean $input-number-spinners: true !default; @@ -126,15 +126,15 @@ $input-radius: $global-radius !default; } // Reset styles on button-like inputs - [type="submit"], - [type="button"] { + [type='submit'], + [type='button'] { border-radius: $global-radius; -webkit-appearance: none; -moz-appearance: none; } // Reset Normalize setting content-box to search elements - input[type="search"] { + input[type='search'] { box-sizing: border-box; } diff --git a/scss/foundation.scss b/scss/foundation.scss index 64360a2f1..1c96b87da 100644 --- a/scss/foundation.scss +++ b/scss/foundation.scss @@ -49,7 +49,7 @@ // These styles are applied to tags, which are read by the Foundation JavaScript .foundation-mq { - font-family: "#{-zf-bp-serialize($breakpoints)}"; + font-family: '#{-zf-bp-serialize($breakpoints)}'; } @mixin foundation-everything { diff --git a/scss/grid/_column.scss b/scss/grid/_column.scss index 821fe8168..009176f54 100644 --- a/scss/grid/_column.scss +++ b/scss/grid/_column.scss @@ -12,7 +12,7 @@ /// Width of the column. Accepts multiple values: /// - A percentage value will make the column that exact size. /// - A single digit will make the column span that number of columns wide, taking into account the column count of the parent row. -/// - A string of the format "x of y" will make a column that is *x* columns wide, assuming *y* total columns for the parent. +/// - A string of the format “x of y” will make a column that is *x* columns wide, assuming *y* total columns for the parent. /// /// @return {Number} A calculated percentage value. @function grid-column($columns) { @@ -31,10 +31,10 @@ } } - // Parsing "n of n" expressions + // Parsing “n of n” expressions @else if type-of($columns) == 'list' { @if length($columns) != 3 { - @error 'Wrong syntax for grid-column(). Use the format "n of n".'; + @error 'Wrong syntax for grid-column(). Use the format “n of n”.'; } @else { $width: percentage(nth($columns, 1) / nth($columns, 3)); @@ -43,7 +43,7 @@ // Anything else is incorrect @else { - @error 'Wrong syntax for grid-column(). Use a number, decimal, percentage, or "n of n".'; + @error 'Wrong syntax for grid-column(). Use a number, decimal, percentage, or “n of n”.'; } @return $width; diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss index b600abd0a..f91c36833 100644 --- a/scss/settings/_settings.scss +++ b/scss/settings/_settings.scss @@ -58,7 +58,7 @@ $black: #0a0a0a; $white: #fefefe; $body-background: $white; $body-font-color: $black; -$body-font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; +$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; $body-antialiased: true; $text-direction: ltr; $global-margin: 1rem; @@ -97,7 +97,7 @@ $block-grid-max: 6; $header-font-family: $body-font-family; $header-font-weight: $global-weight-normal; $header-font-style: normal; -$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; +$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace; $header-sizes: ( small: ( 'h1': 24, diff --git a/scss/typography/_base.scss b/scss/typography/_base.scss index 983a5acbb..0f40f17bb 100644 --- a/scss/typography/_base.scss +++ b/scss/typography/_base.scss @@ -36,7 +36,7 @@ $header-font-style: normal !default; /// Font stack used for elements that use monospaced type, such as code samples /// @type String | List -$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace !default; +$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace !default; /// Sizes of headings at various screen sizes. Each key is a breakpoint, and each value is a map of heading sizes. /// @type Map diff --git a/scss/typography/_print.scss b/scss/typography/_print.scss index cf3b21d20..244bbcfa9 100644 --- a/scss/typography/_print.scss +++ b/scss/typography/_print.scss @@ -32,7 +32,7 @@ // Display the URL of a link after the text a, a:visited { text-decoration: underline;} - a[href]:after { content: " (" attr(href) ")"; } + a[href]:after { content: ' (' attr(href) ')'; } // Don't display the URL for images or JavaScript/internal links .ir a:after, @@ -40,7 +40,7 @@ a[href^='#']:after { content: ''; } // Display what an abbreviation stands for after the text - abbr[title]:after { content: " (" attr(title) ")"; } + abbr[title]:after { content: ' (' attr(title) ')'; } // Prevent page breaks in the middle of a blockquote or preformatted text block pre, diff --git a/scss/util/_breakpoint.scss b/scss/util/_breakpoint.scss index 50384a2fc..38fb6218f 100644 --- a/scss/util/_breakpoint.scss +++ b/scss/util/_breakpoint.scss @@ -72,9 +72,9 @@ $breakpoint-classes: (small medium large) !default; $bp-max: -zf-bp-to-em($bp-max) - (1/16); } - // Skip media query creation if the input is "0 up" or "0 down" + // Skip media query creation if the input is “0 up” or “0 down” @if $bp > 0 or $dir == 'only' { - // "Only" ranges use the format "(min-width: n) and (max-width: n)" + // `only` ranges use the format `(min-width: n) and (max-width: n)` @if $dir == 'only' { @if $named == true { $str: $str + '(min-width: #{$bp})'; @@ -84,15 +84,15 @@ $breakpoint-classes: (small medium large) !default; } } @else { - @warn 'Only named media queries can have an "only" range.'; + @warn 'Only named media queries can have an `only` range.'; } } - // "Down" ranges use the format "(max-width: n)" + // `down` ranges use the format `(max-width: n)` @else if $dir == 'down' { $max: 0; - // For named breakpoints, subtract the breakpoint value by one "pixel", or 1/16em. + // For named breakpoints, subtract the breakpoint value by one “pixel”, or 1/16em. @if $named { $max: $bp-max; } @@ -103,7 +103,7 @@ $breakpoint-classes: (small medium large) !default; $str: $str + '(max-width: #{$max})'; } - // "Up" ranges use the format "(min-width: n)" + // `up` ranges use the format `(min-width: n)` @else if strip-unit($bp) > 0 { $str: $str + '(min-width: #{$bp})'; } @@ -119,7 +119,7 @@ $breakpoint-classes: (small medium large) !default; /// - If an em value is passed, the value will be used as-is. /// @content /// @param {Keyword|Number} $value - Breakpoint name, or px, rem, or em value to process. -/// @output If the breakpoint is "0px and larger", outputs the content as-is. Otherwise, outputs the content wrapped in a media query. +/// @output If the breakpoint is “0px and larger”, outputs the content as-is. Otherwise, outputs the content wrapped in a media query. @mixin breakpoint($value) { $str: breakpoint($value); diff --git a/scss/util/_mixins.scss b/scss/util/_mixins.scss index 882e19a2f..144f362fe 100644 --- a/scss/util/_mixins.scss +++ b/scss/util/_mixins.scss @@ -39,7 +39,7 @@ } } -/// Creates a menu icon with a set width, height, number of bars, and colors. The mixin uses the height of the icon and the weight of the bars to determine spacing.
+/// Creates a menu icon with a set width, height, number of bars, and colors. The mixin uses the height of the icon and the weight of the bars to determine spacing.
/// @param {Color} $color - Color to use for the icon. /// @param {Color} $color-hover - Color to use when the icon is hovered over. /// @param {Number} $width - Width of the icon. @@ -109,7 +109,7 @@ @mixin background-triangle($color: $black) { $rgb: 'rgb(#{red($color)}, #{green($color)}, #{blue($color)})'; - background-image: url('data:image/svg+xml;utf8,'); + background-image: url('data:image/svg+xml;utf8,'); @media screen and (min-width:0\0) { @if lightness($color) < 50% { @@ -135,7 +135,7 @@ } } -/// Adds CSS for a "quantity query" selector that automatically sizes elements based on how many there are inside a container. +/// Adds CSS for a “quantity query” selector that automatically sizes elements based on how many there are inside a container. /// @param {Number} $max - Maximum number of items to detect. The higher this number is, the more CSS that's required to cover each number of items. /// @param {Keyword} $elem [li] - Tag to use for sibling selectors. /// @link http://alistapart.com/article/quantity-queries-for-css Quantity Queries for CSS @@ -150,7 +150,7 @@ /// Removes the focus ring around an element when a mouse input is detected. @mixin disable-mouse-outline { - [data-whatinput="mouse"] & { + [data-whatinput='mouse'] & { outline: 0; } } diff --git a/scss/util/_selector.scss b/scss/util/_selector.scss index cf85359ad..cc1b8b298 100644 --- a/scss/util/_selector.scss +++ b/scss/util/_selector.scss @@ -32,7 +32,7 @@ } @each $type in $types { - $return: append($return, unquote('[type="#{$type}"]'), comma); + $return: append($return, unquote('[type=\'#{$type}\']'), comma); } @return $return; diff --git a/scss/util/_value.scss b/scss/util/_value.scss index 9935b4c01..af7228fa3 100644 --- a/scss/util/_value.scss +++ b/scss/util/_value.scss @@ -23,7 +23,7 @@ } /// Determine a top/right/bottom/right value on a padding, margin, etc. property, no matter how many values were passed in. Use this function if you need to know the specific side of a value, but don't know if the value is using a shorthand format. -/// @param {List|Number} $val - Value to analyze. Should be a shorthand sizing property, e.g. "1em 2em 1em" +/// @param {List|Number} $val - Value to analyze. Should be a shorthand sizing property, e.g. `1em 2em 1em` /// @param {Keyword} $side - Side to return. Should be `top`, `right`, `bottom`, or `left`. /// @returns {Number} A single value based on `$val` and `$side`. @function get-side($val, $side) { diff --git a/test/sass/_breakpoint.scss b/test/sass/_breakpoint.scss index 0368f886f..cd268b3de 100755 --- a/test/sass/_breakpoint.scss +++ b/test/sass/_breakpoint.scss @@ -1,36 +1,36 @@ -@import "util/unit"; -@import "util/breakpoint"; +@import 'util/unit'; +@import 'util/breakpoint'; -@include describe("Breakpoint") { - @include it("converts a named breakpoint to an em value") { +@include describe('Breakpoint') { + @include it('converts a named breakpoint to an em value') { $actual: breakpoint(medium); $expected: '(min-width: 32em)'; @include should(expect($actual), to(be($expected))); } - @include it("converts a pixel or rem breakpoint to em") { + @include it('converts a pixel or rem breakpoint to em') { $expected: '(min-width: 1em)'; @include should(expect(breakpoint(16px)), to(be($expected))); @include should(expect(breakpoint(1rem)), to(be($expected))); } - @include it("creates an only range out of a named breakpoint") { + @include it('creates an only range out of a named breakpoint') { $actual: breakpoint(medium only); $expected: '(min-width: 32em) and (max-width: 63.9375em)'; @include should(expect($actual), to(be($expected))); } - @include it("creates a down range out of a named breakpoint") { + @include it('creates a down range out of a named breakpoint') { $actual: breakpoint(medium down); $expected: '(max-width: 63.9375em)'; @include should(expect($actual), to(be($expected))); } - @include it("creates a down range out of a pixel, rem or em value") { + @include it('creates a down range out of a pixel, rem or em value') { $expected: '(max-width: 1em)'; @include should(expect(breakpoint(16px down)), to(be($expected))); @@ -38,7 +38,7 @@ @include should(expect(breakpoint(1em down)), to(be($expected))); } - @include it("returns an empty string for the values zero down or zero up") { + @include it('returns an empty string for the values zero down or zero up') { $expected: ''; @include should(expect(breakpoint(small down)), to(be($expected))); @@ -47,15 +47,15 @@ @include should(expect(breakpoint(0 up)), to(be($expected))); } - @include it("creates special media queries for landscape, portrait, and retina") { + @include it('creates special media queries for landscape, portrait, and retina') { @include should(expect(breakpoint(landscape)), to(be('(orientation: landscape)'))); @include should(expect(breakpoint(portrait)), to(be('(orientation: portrait)'))); @include should(expect(breakpoint(retina)), to(be('(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)'))); } } -@include describe("Map Serialize") { - @include it("converts a Sass map into a string") { +@include describe('Map Serialize') { + @include it('converts a Sass map into a string') { $input: ( small: 1em, medium: 2em, @@ -68,8 +68,8 @@ } } -@include describe("Map Next") { - @include it("returns the next value in a map") { +@include describe('Map Next') { + @include it('returns the next value in a map') { $input: ( one: 'One', two: 'Two', @@ -81,7 +81,7 @@ @include should(expect($actual), to(be($expected))); } - @include it("returns null if the key is last in the map") { + @include it('returns null if the key is last in the map') { $input: ( one: 'One', two: 'Two', @@ -93,7 +93,7 @@ @include should(expect($actual), to(be($expected))); } - @include it("returns null if the key is not in the map") { + @include it('returns null if the key is not in the map') { $input: ( one: 'One', two: 'Two', diff --git a/test/sass/_color.scss b/test/sass/_color.scss index e9b7e9f5f..1b984f8e8 100755 --- a/test/sass/_color.scss +++ b/test/sass/_color.scss @@ -1,14 +1,14 @@ -@import "util/color"; +@import 'util/color'; -@include describe("Foreground") { - @include it("returns black if the input color is light") { +@include describe('Foreground') { + @include it('returns black if the input color is light') { $actual: foreground($white); $expected: $black; @include should(expect($actual), to(be($expected))); } - @include it("returns white if the input color is dark") { + @include it('returns white if the input color is dark') { $actual: foreground($black); $expected: $white; @@ -16,8 +16,8 @@ } } -@include describe("Smart Scale") { - @include it("darkens a light color") { +@include describe('Smart Scale') { + @include it('darkens a light color') { $color: $white; $scale: 5%; $threshold: 60%; @@ -27,7 +27,7 @@ @include should(expect($actual), to(be($expected))); } - @include it("lightens a dark color") { + @include it('lightens a dark color') { $color: $black; $scale: 5%; $threshold: 60%; diff --git a/test/sass/_selector.scss b/test/sass/_selector.scss index fe9f5e418..96e67f29f 100755 --- a/test/sass/_selector.scss +++ b/test/sass/_selector.scss @@ -1,9 +1,9 @@ -@import "util/selector"; +@import 'util/selector'; -@include describe("Text inputs") { - @include it("creates a selector out of a list of text input types") { +@include describe('Text inputs') { + @include it('creates a selector out of a list of text input types') { $actual: #{text-inputs(text password)}; - $expected: '[type="text"], [type="password"]'; + $expected: '[type='text'], [type='password']'; @debug $actual; diff --git a/test/sass/_unit.scss b/test/sass/_unit.scss index 41570fe98..34c1accce 100755 --- a/test/sass/_unit.scss +++ b/test/sass/_unit.scss @@ -1,13 +1,13 @@ -@import "util/unit"; +@import 'util/unit'; -@include describe("Strip Unit") { - @include it("strips the unit from a number") { +@include describe('Strip Unit') { + @include it('strips the unit from a number') { $actual: strip-unit(20px); $expected: 20; @include should(expect($actual), to(be($expected))); } - @include it("returns the same number when given a unitless value") { + @include it('returns the same number when given a unitless value') { $actual: strip-unit(20); $expected: 20; @@ -15,8 +15,8 @@ } } -@include describe("Convert to Rem") { - @include it("converts a unit to the equivalent in rems") { +@include describe('Convert to Rem') { + @include it('converts a unit to the equivalent in rems') { $actual: -zf-to-rem(32, 16); $expected: 2rem; @@ -24,8 +24,8 @@ } } -@include describe("Convert Rem to Rem") { - @include it("keeps rem values the same") { +@include describe('Convert Rem to Rem') { + @include it('keeps rem values the same') { $actual: -zf-to-rem(3rem, 16); $expected: 3rem; @@ -33,8 +33,8 @@ } } -@include describe("Rem Calculator") { - @include it("converts an arbitrary number of values into rem equivalents") { +@include describe('Rem Calculator') { + @include it('converts an arbitrary number of values into rem equivalents') { $actual: rem-calc((8 16 32 64), 16); $expected: 0.5rem 1rem 2rem 4rem; @@ -42,8 +42,8 @@ } } -@include describe("Breakpoint to Em") { - @include it("converts a unitless, pixel, or rem value to em") { +@include describe('Breakpoint to Em') { + @include it('converts a unitless, pixel, or rem value to em') { @include should(expect(-zf-bp-to-em(16)), to(be(1em))); @include should(expect(-zf-bp-to-em(16px)), to(be(1em))); @include should(expect(-zf-bp-to-em(1rem)), to(be(1em))); diff --git a/test/sass/_value.scss b/test/sass/_value.scss index ec4d5d53a..d7a7e6889 100755 --- a/test/sass/_value.scss +++ b/test/sass/_value.scss @@ -1,7 +1,7 @@ -@import "util/value"; +@import 'util/value'; -@include describe("Has Value") { - @include it("returns false if the value is not falsey") { +@include describe('Has Value') { + @include it('returns false if the value is not falsey') { $boolean: hasvalue(true); $number: hasvalue(1px); $color: hasvalue(#000); @@ -12,7 +12,7 @@ @include should(expect($color), to(be(true))); @include should(expect($list), to(be(true))); } - @include it("returns false if the value is falsey") { + @include it('returns false if the value is falsey') { $zero: hasvalue(0px); $null: hasvalue(null); $none: hasvalue(none); @@ -25,8 +25,8 @@ } } -@include describe("Get Side") { - @include it("returns correct sides when given one side value") { +@include describe('Get Side') { + @include it('returns correct sides when given one side value') { $value: 1rem; $actual: ( get-side($value, top), @@ -38,7 +38,7 @@ @include should(expect($actual), to(be($expected))); } - @include it("returns correct sides when given two side values") { + @include it('returns correct sides when given two side values') { $value: 1rem 2rem; $actual: ( get-side($value, top), @@ -50,7 +50,7 @@ @include should(expect($actual), to(be($expected))); } - @include it("returns correct sides when given three side values") { + @include it('returns correct sides when given three side values') { $value: 1rem 2rem 3rem; $actual: ( get-side($value, top), @@ -62,7 +62,7 @@ @include should(expect($actual), to(be($expected))); } - @include it("returns correct sides when given four side values") { + @include it('returns correct sides when given four side values') { $value: 1rem 2rem 3rem 4rem; $actual: ( get-side($value, top), @@ -76,8 +76,8 @@ } } -@include describe("Get Border Value") { - @include it("returns the right value of a border property") { +@include describe('Get Border Value') { + @include it('returns the right value of a border property') { $value: 10px dashed green; $width: get-border-value($value, width); $style: get-border-value($value, style); @@ -87,7 +87,7 @@ @include should(expect($style), to(be(dashed))); @include should(expect($color), to(be(green))); } - @include it("returns a default value if a property is missing") { + @include it('returns a default value if a property is missing') { $defaultWidth: get-border-value(solid black, width); $defaultStyle: get-border-value(10px black, style); $defaultColor: get-border-value(10px solid, color); -- 2.47.2