claritas-web-framework 5.1.21 → 5.1.24

package/scss/_variables.scss

@@ -1,15 +1,15 @@
 // Color system
-$white:  #fff !default;
-$gray-1: #F6F6F7 !default;
-$gray-2: #DADADC !default;
-$gray-3: #BEBFC1 !default;
-$gray-4: #A1A3A6 !default;
-$gray-5: #85888B !default;
-$gray-6: #696C70 !default;
-$gray-7: #4D5055 !default;
-$gray-8: #30353A !default;
-$gray-9: #14191F !default;
-$black:  #000 !default;
+$white: #fff !default;
+$gray-1: #f6f6f7 !default;
+$gray-2: #dadadc !default;
+$gray-3: #bebfc1 !default;
+$gray-4: #a1a3a6 !default;
+$gray-5: #85888b !default;
+$gray-6: #696c70 !default;
+$gray-7: #4d5055 !default;
+$gray-8: #30353a !default;
+$gray-9: #14191f !default;
+$black: #000 !default;
 
 $grays: (
   "1": $gray-1,
@@ -20,67 +20,67 @@ $grays: (
   "6": $gray-6,
   "7": $gray-7,
   "8": $gray-8,
-  "9": $gray-9
+  "9": $gray-9,
 ) !default;
 
-$blue:    #0d6efd !default;
-$indigo:  #6610f2 !default;
-$purple:  #6f42c1 !default;
-$pink:    #d63384 !default;
-$red:     #dc3545 !default;
-$orange:  #fd7e14 !default;
-$yellow:  #ffc107 !default;
-$green:   #198754 !default;
-$teal:    #20c997 !default;
-$cyan:    #0dcaf0 !default;
+$blue: #0d6efd !default;
+$indigo: #6610f2 !default;
+$purple: #6f42c1 !default;
+$pink: #d63384 !default;
+$red: #dc3545 !default;
+$orange: #fd7e14 !default;
+$yellow: #ffc107 !default;
+$green: #198754 !default;
+$teal: #20c997 !default;
+$cyan: #0dcaf0 !default;
 
 $colors: (
-  "blue":      $blue,
-  "indigo":    $indigo,
-  "purple":    $purple,
-  "pink":      $pink,
-  "red":       $red,
-  "orange":    $orange,
-  "yellow":    $yellow,
-  "green":     $green,
-  "teal":      $teal,
-  "cyan":      $cyan,
-  "white":     $white,
-  "gray":      $gray-6,
-  "gray-dark": $gray-8
+  "blue": $blue,
+  "indigo": $indigo,
+  "purple": $purple,
+  "pink": $pink,
+  "red": $red,
+  "orange": $orange,
+  "yellow": $yellow,
+  "green": $green,
+  "teal": $teal,
+  "cyan": $cyan,
+  "white": $white,
+  "gray": $gray-6,
+  "gray-dark": $gray-8,
 ) !default;
 
-$primary:       $blue !default;
-$secondary:     $gray-6 !default;
-$success:       $green !default;
-$info:          $cyan !default;
-$warning:       $yellow !default;
-$danger:        $red !default;
-$light:         $gray-1 !default;
-$medium:        $gray-5 !default;
-$dark:          $gray-9 !default;
+$primary: $blue !default;
+$secondary: $gray-6 !default;
+$success: $green !default;
+$info: $cyan !default;
+$warning: $yellow !default;
+$danger: $red !default;
+$light: $gray-1 !default;
+$medium: $gray-5 !default;
+$dark: $gray-9 !default;
 
 $theme-colors: (
-  "primary":    $primary,
-  "secondary":  $secondary,
-  "success":    $success,
-  "info":       $info,
-  "warning":    $warning,
-  "danger":     $danger,
-  "light":      $light,
-  "medium":     $medium,
-  "dark":       $dark
+  "primary": $primary,
+  "secondary": $secondary,
+  "success": $success,
+  "info": $info,
+  "warning": $warning,
+  "danger": $danger,
+  "light": $light,
+  "medium": $medium,
+  "dark": $dark,
 ) !default;
 
 $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value") !default;
 
 // The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
 // See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
-$min-contrast-ratio:   4.5 !default;
+$min-contrast-ratio: 4.5 !default;
 
 // Customize the light and dark text colors for use in our color contrast function.
-$color-contrast-dark:      $black !default;
-$color-contrast-light:     $white !default;
+$color-contrast-dark: $black !default;
+$color-contrast-light: $white !default;
 
 $blue-1: tint-color($blue, 80%) !default;
 $blue-2: tint-color($blue, 60%) !default;
@@ -191,7 +191,7 @@ $blues: (
   "blue-6": $blue-6,
   "blue-7": $blue-7,
   "blue-8": $blue-8,
-  "blue-9": $blue-9
+  "blue-9": $blue-9,
 ) !default;
 
 $indigos: (
@@ -203,7 +203,7 @@ $indigos: (
   "indigo-6": $indigo-6,
   "indigo-7": $indigo-7,
   "indigo-8": $indigo-8,
-  "indigo-9": $indigo-9
+  "indigo-9": $indigo-9,
 ) !default;
 
 $purples: (
@@ -215,7 +215,7 @@ $purples: (
   "purple-6": $purple-6,
   "purple-7": $purple-7,
   "purple-8": $purple-8,
-  "purple-9": $purple-9
+  "purple-9": $purple-9,
 ) !default;
 
 $pinks: (
@@ -227,7 +227,7 @@ $pinks: (
   "pink-6": $pink-6,
   "pink-7": $pink-7,
   "pink-8": $pink-8,
-  "pink-9": $pink-9
+  "pink-9": $pink-9,
 ) !default;
 
 $reds: (
@@ -239,7 +239,7 @@ $reds: (
   "red-6": $red-6,
   "red-7": $red-7,
   "red-8": $red-8,
-  "red-9": $red-9
+  "red-9": $red-9,
 ) !default;
 
 $oranges: (
@@ -251,7 +251,7 @@ $oranges: (
   "orange-6": $orange-6,
   "orange-7": $orange-7,
   "orange-8": $orange-8,
-  "orange-9": $orange-9
+  "orange-9": $orange-9,
 ) !default;
 
 $yellows: (
@@ -263,7 +263,7 @@ $yellows: (
   "yellow-6": $yellow-6,
   "yellow-7": $yellow-7,
   "yellow-8": $yellow-8,
-  "yellow-9": $yellow-9
+  "yellow-9": $yellow-9,
 ) !default;
 
 $greens: (
@@ -275,7 +275,7 @@ $greens: (
   "green-6": $green-6,
   "green-7": $green-7,
   "green-8": $green-8,
-  "green-9": $green-9
+  "green-9": $green-9,
 ) !default;
 
 $teals: (
@@ -287,7 +287,7 @@ $teals: (
   "teal-6": $teal-6,
   "teal-7": $teal-7,
   "teal-8": $teal-8,
-  "teal-9": $teal-9
+  "teal-9": $teal-9,
 ) !default;
 
 $cyans: (
@@ -299,231 +299,227 @@ $cyans: (
   "cyan-6": $cyan-6,
   "cyan-7": $cyan-7,
   "cyan-8": $cyan-8,
-  "cyan-9": $cyan-9
+  "cyan-9": $cyan-9,
 ) !default;
 
 $spacer: 1rem !default;
 $spacers: (
   0: 0,
-  1: $spacer * .25,
-  2: $spacer * .5,
+  1: $spacer * 0.25,
+  2: $spacer * 0.5,
   3: $spacer,
   4: $spacer * 1.5,
   5: $spacer * 3,
-  "auto": auto
+  "auto": auto,
 ) !default;
 
-$link-color:       $primary !default;
+$link-color: $primary !default;
 $link-color-hover: shade-color($link-color, 20%) !default;
 
 $body-background: $white !default;
-$body-color:      $gray-9 !default;
+$body-color: $gray-9 !default;
 $body-text-align: null !default;
 
 $breakpoints: (
   "": 0,
-  "mobile":     576px,
-  "tablet":     768px,
-  "desktop":    1024px,
+  "mobile": 576px,
+  "tablet": 768px,
+  "desktop": 1024px,
   "widescreen": 1216px,
-  "fullhd":     1408px
+  "fullhd": 1408px,
 ) !default;
 
 $container-max-widths: (
-  "mobile":     576px,
-  "tablet":     768px,
-  "desktop":    1024px,
+  "mobile": 576px,
+  "tablet": 768px,
+  "desktop": 1024px,
   "widescreen": 1216px,
-  "fullhd":     1408px
+  "fullhd": 1408px,
 ) !default;
 
-$grid-columns:       12 !default;
-$grid-gutter-x:      calc($spacer * 1.5) !default;
+$grid-columns: 12 !default;
+$grid-gutter-x: calc($spacer * 1.5) !default;
 $grid-gutter-x-form: calc($spacer * 0.75) !default;
-$grid-gutter-y:      0 !default;
+$grid-gutter-y: 0 !default;
 
 $line-height-base: 1.15 !default;
-$font-size-base:   $spacer !default;
-$font-size-6:      $font-size-base !default;
-$font-size-5:      calc($font-size-base * 1.125) !default;
-$font-size-4:      calc(($font-size-base * 1.275) + 0.3vw) !default;
-$font-size-3:      calc(($font-size-base * 1.3) + 0.6vw) !default;
-$font-size-2:      calc(($font-size-base * 1.325) + 0.9vw) !default;
-$font-size-1:      calc(($font-size-base * 1.375) + 1.5vw) !default;
+$font-size-base: $spacer !default;
+$font-size-6: $font-size-base !default;
+$font-size-5: calc($font-size-base * 1.125) !default;
+$font-size-4: calc(($font-size-base * 1.275) + 0.3vw) !default;
+$font-size-3: calc(($font-size-base * 1.3) + 0.6vw) !default;
+$font-size-2: calc(($font-size-base * 1.325) + 0.9vw) !default;
+$font-size-1: calc(($font-size-base * 1.375) + 1.5vw) !default;
 
 $font-size-xsmall: 0.675em !default;
-$font-size-small:  0.875em !default;
-$font-size-large:  $font-size-5 !default;
+$font-size-small: 0.875em !default;
+$font-size-large: $font-size-5 !default;
 
 $font-sizes: (
-  1:         $font-size-1,
-  2:         $font-size-2,
-  3:         $font-size-3,
-  4:         $font-size-4,
-  5:         $font-size-5,
-  6:         $font-size-6,
-  "large":   $font-size-large,
-  "small":   $font-size-small,
-  "xsmall":  $font-size-xsmall,
+  1: $font-size-1,
+  2: $font-size-2,
+  3: $font-size-3,
+  4: $font-size-4,
+  5: $font-size-5,
+  6: $font-size-6,
+  "large": $font-size-large,
+  "small": $font-size-small,
+  "xsmall": $font-size-xsmall,
   "smaller": 0.85em,
-  "larger":  1.15em
+  "larger": 1.15em,
 ) !default;
 
-$font-family-sans-serif: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
-$font-family-serif:      Cambria, 'Hoefler Text', Utopia, 'Liberation Serif', 'Nimbus Roman No9 L Regular', Times, 'Times New Roman', serif !default;
-$font-family-monospace:  SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
-$font-family-base:       $font-family-sans-serif !default;
+$font-family-sans-serif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+  "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$font-family-serif: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times,
+  "Times New Roman", serif !default;
+$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base: $font-family-sans-serif !default;
 
 $font-families: (
   "sans-serif": $font-family-sans-serif,
-  "serif":      $font-family-serif,
-  "monospace":  $font-family-monospace
+  "serif": $font-family-serif,
+  "monospace": $font-family-monospace,
 ) !default;
 
-$text-aligns:     (left, right, center, justify) !default;
+$text-aligns: (left, right, center, justify) !default;
 $text-transforms: (uppercase, lowercase, capitalize, none) !default;
-$text-wraps:      (normal, nowrap) !default;
-$font-styles:     (italic, oblique, normal) !default;
+$text-wraps: (normal, nowrap) !default;
+$font-styles: (italic, oblique, normal) !default;
 $font-weights: (
   "lighter": lighter,
-  "bolder":  bolder,
-  "thin":    100,
-  "light":   300,
-  "normal":  400,
-  "medium":  500,
-  "bold":    700,
-  "heavy":   800,
-  "black":   900,
+  "bolder": bolder,
+  "thin": 100,
+  "light": 300,
+  "normal": 400,
+  "medium": 500,
+  "bold": 700,
+  "heavy": 800,
+  "black": 900,
 ) !default;
 
 $header-weight: 700 !default;
 
-$border-color:         rgba($black, 0.2) !default;
-$border-radius:        calc($spacer * 0.275) !default;
-$border-radius-small:  calc($spacer * 0.15) !default;
+$border-color: rgba($black, 0.2) !default;
+$border-radius: calc($spacer * 0.275) !default;
+$border-radius-small: calc($spacer * 0.15) !default;
 $border-radius-medium: $border-radius !default;
-$border-radius-large:  calc($spacer * 0.65) !default;
-$border-radius-round:  calc($spacer * 99) !default;
-$border-radius-none:   0 !default;
-
-$zindex-static:         0 !default;
-$zindex-relative:       1 !default;
-$zindex-absolute:       1 !default;
-$zindex-sticky:         1020 !default;
-$zindex-fixed:          1030 !default;
-$zindex-dropdown:       1040 !default;
+$border-radius-large: calc($spacer * 0.65) !default;
+$border-radius-round: calc($spacer * 99) !default;
+$border-radius-none: 0 !default;
+
+$zindex-static: 0 !default;
+$zindex-relative: 1 !default;
+$zindex-absolute: 1 !default;
+$zindex-sticky: 1020 !default;
+$zindex-fixed: 1030 !default;
+$zindex-dropdown: 1040 !default;
 $zindex-modal-backdrop: 1050 !default;
-$zindex-modal:          1060 !default;
-$zindex-popover:        1070 !default;
-$zindex-tooltip:        1080 !default;
+$zindex-modal: 1060 !default;
+$zindex-popover: 1070 !default;
+$zindex-tooltip: 1080 !default;
 
 $zindexes: (
-  "static":         $zindex-static,
-  "relative":       $zindex-relative,
-  "absolute":       $zindex-absolute,
-  "sticky":         $zindex-sticky,
-  "fixed":          $zindex-fixed,
-  "dropdown":       $zindex-dropdown,
+  "static": $zindex-static,
+  "relative": $zindex-relative,
+  "absolute": $zindex-absolute,
+  "sticky": $zindex-sticky,
+  "fixed": $zindex-fixed,
+  "dropdown": $zindex-dropdown,
   "modal-backdrop": $zindex-modal-backdrop,
-  "modal":          $zindex-modal,
-  "popover":        $zindex-popover,
-  "tooltip":        $zindex-tooltip,
+  "modal": $zindex-modal,
+  "popover": $zindex-popover,
+  "tooltip": $zindex-tooltip,
 ) !default;
 
-$box-shadow-none:   none !default;
-$box-shadow-small:  0 calc($spacer * 0.125) calc($spacer * 0.25) rgba($gray-9, 0.075) !default;
+$box-shadow-none: none !default;
+$box-shadow-small: 0 calc($spacer * 0.125) calc($spacer * 0.25) rgba($gray-9, 0.075) !default;
 $box-shadow-medium: 0 calc($spacer * 0.5) calc($spacer * 0.75) rgba($gray-9, 0.15) !default;
-$box-shadow-large:  0 $spacer calc($spacer * 2.5) rgba($gray-9, 0.175) !default;
+$box-shadow-large: 0 $spacer calc($spacer * 2.5) rgba($gray-9, 0.175) !default;
 
 $box-shadows: (
-  "none":   $box-shadow-none,
-  "small":  $box-shadow-small,
+  "none": $box-shadow-none,
+  "small": $box-shadow-small,
   "medium": $box-shadow-medium,
-  "large":  $box-shadow-large,
+  "large": $box-shadow-large,
 ) !default;
 
-$escaped-characters: (
-  ("<", "%3c"),
-  (">", "%3e"),
-  ("#", "%23"),
-  ("(", "%28"),
-  (")", "%29"),
-) !default;
+$escaped-characters: (("<", "%3c"), (">", "%3e"), ("#", "%23"), ("(", "%28"), (")", "%29")) !default;
 
 $form-select-indicator-color: $body-color !default;
-$form-select-indicator:       url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>") !default;
+$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>") !default;
 
 $list-nested-indicator-color: rgba($body-color, 0.25) !default;
-$list-nested-indicator:       url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='#{$list-nested-indicator-color}' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z'/></svg>") !default;
+$list-nested-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='#{$list-nested-indicator-color}' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 15l-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z'/></svg>") !default;
 
-$form-file-indicator-color:       rgba($body-color, 0.25) !default;
+$form-file-indicator-color: rgba($body-color, 0.25) !default;
 $form-file-indicator-color-hover: rgba($body-color, 0.5) !default;
-$form-file-indicator:             url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='#{$form-file-indicator-color}' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z'/></svg>") !default;
-$form-file-indicator-hover:       url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='#{$form-file-indicator-color-hover}' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z'/></svg>") !default;
+$form-file-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='#{$form-file-indicator-color}' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z'/></svg>") !default;
+$form-file-indicator-hover: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='#{$form-file-indicator-color-hover}' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z'/></svg>") !default;
 
 // Input
-$input-border-width:           1px !default;
-$input-border-style:           solid !default;
-$input-border-color:           $border-color !default;
-$input-border-color-hover:     rgba($black, 0.3) !default;
-$input-border-color-focus:     rgba($black, 0.3) !default;
-$input-border-color-active:    rgba($black, 0.3) !default;
-$input-border-radius:          $border-radius-medium !default;
-$input-color:                  $body-color !default;
-$input-color-active:           $body-color !default;
-$input-color-hover:            $body-color !default;
-$input-color-focus:            $body-color !default;
-$input-background-color:       $white !default;
+$input-border-width: 1px !default;
+$input-border-style: solid !default;
+$input-border-color: $border-color !default;
+$input-border-color-hover: rgba($black, 0.3) !default;
+$input-border-color-focus: rgba($black, 0.3) !default;
+$input-border-color-active: rgba($black, 0.3) !default;
+$input-border-radius: $border-radius-medium !default;
+$input-color: $body-color !default;
+$input-color-active: $body-color !default;
+$input-color-hover: $body-color !default;
+$input-color-focus: $body-color !default;
+$input-background-color: $white !default;
 $input-background-color-hover: $white !default;
 $input-background-color-focus: $white !default;
-$input-padding-y:              calc(($spacer * 0.5) - 1.5px) !default;
-$input-padding-x:              $spacer !default;
-$input-padding-y-small:        calc(($spacer * 0.25) - 1px) !default;
-$input-padding-x-small:        calc($spacer * 0.75) !default;
-$input-padding-y-large:        calc(($spacer * 0.5) - 1px) !default;
-$input-padding-x-large:        calc($spacer * 1.75) !default;
-$input-font-size:              $font-size-base !default;
-$input-box-shadow:             inset 0 1px 2px rgba($black, 0.07) !default;
-$input-box-shadow-hover:       inset 0 1px 2px rgba($black, 0.07) !default;
-$input-box-shadow-focus:       0 0 0 0.125em rgba($black, 0.17) !default;
-$input-box-shadow-active:      0 0 0 0.125em rgba($black, 0.17) !default;
-
-$label-display:        block !default;
-$label-padding:        0 0 calc($spacer * 0.25) !default;
-$label-margin:         0 !default;
-$label-font-weight:    500 !default;
+$input-padding-y: calc(($spacer * 0.5) - 1.5px) !default;
+$input-padding-x: $spacer !default;
+$input-padding-y-small: calc(($spacer * 0.25) - 1px) !default;
+$input-padding-x-small: calc($spacer * 0.75) !default;
+$input-padding-y-large: calc(($spacer * 0.5) - 1px) !default;
+$input-padding-x-large: calc($spacer * 1.75) !default;
+$input-font-size: $font-size-base !default;
+$input-box-shadow: inset 0 1px 2px rgba($black, 0.07) !default;
+$input-box-shadow-hover: inset 0 1px 2px rgba($black, 0.07) !default;
+$input-box-shadow-focus: 0 0 0 0.125em rgba($black, 0.17) !default;
+$input-box-shadow-active: 0 0 0 0.125em rgba($black, 0.17) !default;
+
+$label-display: block !default;
+$label-padding: 0 0 calc($spacer * 0.25) !default;
+$label-margin: 0 !default;
+$label-font-weight: 500 !default;
 $label-text-transform: none !default;
-$label-font-size:      $font-size-base !default;
-$label-color:          $body-color !default;
+$label-font-size: $font-size-base !default;
+$label-color: $body-color !default;
 
 // Buttons
-$button-border-width:           $input-border-width !default;
-$button-border-style:           $input-border-style !default;
-$button-border-color:           $input-border-color !default;
-$button-border-color-hover:     $input-border-color-hover !default;
-$button-border-radius:          $border-radius-medium !default;
-$button-color:                  $body-color !default;
-$button-color-active:           $body-color !default;
-$button-color-hover:            $body-color !default;
-$button-color-focus:            $body-color !default;
-$button-background-color:       $white !default;
+$button-border-width: $input-border-width !default;
+$button-border-style: $input-border-style !default;
+$button-border-color: $input-border-color !default;
+$button-border-color-hover: $input-border-color-hover !default;
+$button-border-radius: $border-radius-medium !default;
+$button-color: $body-color !default;
+$button-color-active: $body-color !default;
+$button-color-hover: $body-color !default;
+$button-color-focus: $body-color !default;
+$button-background-color: $white !default;
 $button-background-color-hover: $white !default;
 $button-background-color-focus: rgba($black, 0.05) !default;
-$button-padding-y:              $input-padding-y !default;
-$button-padding-x:              $input-padding-x !default;
-$button-padding-y-small:        $input-padding-y-small !default;
-$button-padding-x-small:        $input-padding-x-small !default;
-$button-padding-y-large:        $input-padding-y-large !default;
-$button-padding-x-large:        $input-padding-x-large !default;
-$button-font-size:              $font-size-base !default;
-$button-box-shadow:             none !default;
-$button-box-shadow-hover:       none !default;
-$button-box-shadow-focus:       0 0 0 0.125em rgba($black, 0.1) !default;
-$button-box-shadow-active:      0 0 0 0.125em rgba($black, 0.2) !default;
+$button-padding-y: $input-padding-y !default;
+$button-padding-x: $input-padding-x !default;
+$button-padding-y-small: $input-padding-y-small !default;
+$button-padding-x-small: $input-padding-x-small !default;
+$button-padding-y-large: $input-padding-y-large !default;
+$button-padding-x-large: $input-padding-x-large !default;
+$button-font-size: $font-size-base !default;
+$button-box-shadow: none !default;
+$button-box-shadow-hover: none !default;
+$button-box-shadow-focus: 0 0 0 0.125em rgba($black, 0.1) !default;
+$button-box-shadow-active: 0 0 0 0.125em rgba($black, 0.2) !default;
 
 // Card
-$card-border-width:     $input-border-width !default;
-$card-border-style:     $input-border-style !default;
-$card-border-color:     $input-border-color !default;
-$card-border-radius:    $border-radius-medium !default;
-$card-background-color: $white !default;
+$card-border-width: $input-border-width !default;
+$card-border-style: $input-border-style !default;
+$card-border-color: $input-border-color !default;
+$card-border-radius: $border-radius-medium !default;
+$card-background-color: $white !default;

package/scss/helpers/_image.scss

@@ -2,4 +2,4 @@
   width: auto;
   height: auto;
   max-width: 100%;
-}
+}

package/scss/helpers/_link.scss

@@ -8,11 +8,11 @@
     left: 0;
     z-index: 1;
     pointer-events: auto;
-    content: '';
+    content: "";
     background-color: rgba($black, 0);
   }
 
   &::before {
     z-index: -1;
   }
-}
+}

package/scss/helpers/_wrap.scss

@@ -1,3 +1,3 @@
 .wrap--overflow {
   @include make-wrap-overflow();
-}
+}

package/scss/index.scss

@@ -4,4 +4,4 @@
 @import "reboot";
 @import "utilities";
 @import "helpers";
-@import "modules";
+@import "modules";

package/scss/mixins/_breakpoints.scss

@@ -39,7 +39,7 @@
 //    767.98px
 @function breakpoint-max($name, $breakpoints: $breakpoints) {
   $next: breakpoint-next($name, $breakpoints);
-  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);
+  @return if($next, breakpoint-min($next, $breakpoints) - 0.02, null);
 }
 
 // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.

package/scss/mixins/_wrap.scss

@@ -4,4 +4,4 @@
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   position: static !important;
-}
+}

package/scss/modules/_close.scss

@@ -1,3 +1,3 @@
 .close {
   @include make-close();
-}
+}