blaze-css-rails 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2d3384d46ce7799c46174d35963b5acdd0136dbd
-  data.tar.gz: 38e7e196a62d80c0ef63dece8436c10666164a8c
+  metadata.gz: 44a0e3aabf3c5d637d17231adc6cf01c143ef7a0
+  data.tar.gz: d140bd70599c37158c5377bb4c3dd8c6c603f80b
 SHA512:
-  metadata.gz: fea092f965ae334c2a2b87ded560caa562c130ed24e92be1a8abf7281363ada39743d7b5a30ab1493bb90532258b98bd789d1871960be828b952bb622a27497c
-  data.tar.gz: 6792c4aa893bd1019c21ed54051c655d38c61f7a31642e6dc2298793fad6c1136d4a9c1327ccae62d514f620efd143f2917517cc27d1016ded69e538402d437a
+  metadata.gz: 0c0654539c95d1e0d23601c2fc92fa16da5f948de533daad594000417e6ff0894a9a0e8de0ed1fb4b5309176296fe19389c61d547581dccbdac48ad3a7d380db
+  data.tar.gz: 45ac4b728071fb1575f1d2a08758689ac520314a9a3f00b8d730b84b12bdea80674652173de51cc12abf880607ff65fb61715717736f77d8ee093d7cdd681ffa

data/README.md

@@ -4,6 +4,8 @@ Blaze Css Rails gemifies the outstanding [Blaze CSS Framework](http://blazecss.c
   - Instantly install Blaze CSS in the Rails asset pipeline.
   - Give you full power to customize your theme directly within the asset pipeline.
 
+The current version of this blaze-css-rails is v0.0.2. It uses Blaze CSS v3.0.0.
+
 ## Installation
 
 Add the following line of code to your application's Gemfile:
@@ -16,899 +18,18 @@ and run `bundle install`.
 
 ## Useage
 
-The most basic way to use this gem is to add in your application.css, include this line in the css file:
+The most basic way to use this gem is to include this line in your application.css file:
 
 ```css
 /*
- *= require blaze-css
+ *= require blaze
  */
 ```
 
-Then restart your server if it was previously running. That is all that needs to be done.
+Then restart your server if it was previously running. You now have access to all of the classes in the Blaze library.
 
 ### Sass
 
-If you prefer Sass (like me) you can instead add `@import 'blaze'` into your import file. If you would also like to include the animations css that blaze provides, also include `@import 'blaze.animations'` to your import file.
-
-By default, this gem includes settings set by Blaze CSS. If you would like to change these settings, import a variables file before importing 'blaze'.
-
-This is the default settings file, over-ride any of the settings that you wish to change:
-
-```css
-//
-/// Screen Sizes
-//
-$screen-limit-xsmall: 20em !default;
-$screen-limit-small: 30em !default;
-$screen-limit-medium: 48em !default;
-$screen-limit-large: 64em !default;
-$screen-limit-xlarge: 78em !default;
-$screen-limit-super: 116em !default;
-
-$screen-adjustment: 0.01 !default;
-
-$screen-limits: (
-        xsmall: $screen-limit-xsmall,
-        small: $screen-limit-small,
-        medium: $screen-limit-medium,
-        large: $screen-limit-large,
-        xlarge: $screen-limit-xlarge,
-        super: $screen-limit-super
-);
-
-//
-// Spacing
-//
-$spacing-tiny: .1em !default;
-$spacing-xsmall: .3em !default;
-$spacing-small: .5em !default;
-$spacing-medium: 1em !default;
-$spacing-large: 1.5em !default;
-$spacing-xlarge: 2em !default;
-$spacing-super: 3em !default;
-
-//
-// Grid
-//
-$grid-gutter: 1em !default;
-$grid-widths: (
-        5: 5/100,
-        10: 1/10,
-        15: 15/100,
-        20: 1/5,
-        25: 1/4,
-        30: 3/10,
-        33: 1/3,
-        35: 35/100,
-        40: 2/5,
-        45: 45/100,
-        50: 1/2,
-        55: 55/100,
-        60: 3/5,
-        65: 65/100,
-        66: 2/3,
-        70: 7/10,
-        75: 3/4,
-        80: 4/5,
-        85: 85/100,
-        90: 9/10,
-        95: 95/100,
-        100: 1
-);
-
-//
-// Colors
-//
-$color-black: #111111 !default;
-$color-white: #FFFFFF !default;
-$color-beige: #F2F2EA !default;
-$color-red: #EF4F52 !default;
-$color-pink: #EC65C3 !default;
-$color-purple: #AB47BC !default;
-$color-blue: #42A5F5 !default;
-$color-green: #66BB6A !default;
-$color-yellow: #F6ED30 !default;
-$color-orange: #FF7043 !default;
-$color-brown: #8D6E63 !default;
-$color-grey: lighten($color-black, 70) !default;
-
-$color-tint: 9 !default;
-$color-tint-dark: $color-tint !default;
-$color-tint-darker: $color-tint * 2 !default;
-$color-tint-light: $color-tint !default;
-$color-tint-lighter: $color-tint * 2 !default;
-
-$color-dark-grey: darken($color-grey, $color-tint-dark);
-$color-dark-red: darken($color-red, $color-tint-dark);
-$color-dark-pink: darken($color-pink, $color-tint-dark);
-$color-dark-purple: darken($color-purple, $color-tint-dark);
-$color-dark-blue: darken($color-blue, $color-tint-dark);
-$color-dark-green: darken($color-green, $color-tint-dark);
-$color-dark-yellow: darken($color-yellow, $color-tint-dark);
-$color-dark-orange: darken($color-orange, $color-tint-dark);
-$color-dark-brown: darken($color-brown, $color-tint-dark);
-
-$color-darker-grey: darken($color-grey, $color-tint-darker);
-$color-darker-red: darken($color-red, $color-tint-darker);
-$color-darker-pink: darken($color-pink, $color-tint-darker);
-$color-darker-purple: darken($color-purple, $color-tint-darker);
-$color-darker-blue: darken($color-blue, $color-tint-darker);
-$color-darker-green: darken($color-green, $color-tint-darker);
-$color-darker-yellow: darken($color-yellow, $color-tint-darker);
-$color-darker-orange: darken($color-orange, $color-tint-darker);
-$color-darker-brown: darken($color-brown, $color-tint-darker);
-
-$color-light-grey: lighten($color-grey, $color-tint-light);
-$color-light-red: lighten($color-red, $color-tint-light);
-$color-light-pink: lighten($color-pink, $color-tint-light);
-$color-light-purple: lighten($color-purple, $color-tint-light);
-$color-light-blue: lighten($color-blue, $color-tint-light);
-$color-light-green: lighten($color-green, $color-tint-light);
-$color-light-yellow: lighten($color-yellow, $color-tint-light);
-$color-light-orange: lighten($color-orange, $color-tint-light);
-$color-light-brown: lighten($color-brown, $color-tint-light);
-
-$color-lighter-grey: lighten($color-grey, $color-tint-lighter);
-$color-lighter-red: lighten($color-red, $color-tint-lighter);
-$color-lighter-pink: lighten($color-pink, $color-tint-lighter);
-$color-lighter-purple: lighten($color-purple, $color-tint-lighter);
-$color-lighter-blue: lighten($color-blue, $color-tint-lighter);
-$color-lighter-green: lighten($color-green, $color-tint-lighter);
-$color-lighter-yellow: lighten($color-yellow, $color-tint-lighter);
-$color-lighter-orange: lighten($color-orange, $color-tint-lighter);
-$color-lighter-brown: lighten($color-brown, $color-tint-lighter);
-
-$color-default: $color-dark-grey !default;
-$color-primary: $color-blue !default;
-$color-secondary: $color-orange !default;
-$color-success: $color-green !default;
-$color-error: $color-red !default;
-
-$color-dark-primary: darken($color-primary, $color-tint-dark);
-$color-darker-primary: darken($color-dark-primary, $color-tint-darker);
-$color-light-primary: lighten($color-primary, $color-tint-light);
-$color-lighter-primary: lighten($color-light-primary, $color-tint-lighter);
-
-$color-dark-secondary: darken($color-secondary, $color-tint-dark);
-$color-darker-secondary: darken($color-dark-secondary, $color-tint-darker);
-$color-light-secondary: lighten($color-secondary, $color-tint-light);
-$color-lighter-secondary: lighten($color-light-secondary, $color-tint-lighter);
-
-$color-dark-success: darken($color-success, $color-tint-dark);
-$color-darker-success: darken($color-dark-success, $color-tint-darker);
-$color-light-success: lighten($color-success, $color-tint-light);
-$color-lighter-success: lighten($color-light-success, $color-tint-lighter);
-
-$color-dark-error: darken($color-error, $color-tint-dark);
-$color-darker-error: darken($color-dark-error, $color-tint-darker);
-$color-light-error: lighten($color-error, $color-tint-light);
-$color-lighter-error: lighten($color-light-error, $color-tint-lighter);
-
-$color-disabled: $color-dark-grey !default;
-$color-quiet: $color-dark-grey !default;
-
-//
-// Borders
-//
-$border-width: 1px !default;
-$border-style: solid !default;
-$border-color: $color-dark-grey !default;
-
-//
-// Border radius
-//
-$border-radius: 4px !default;
-$border-radius-rounded: 30em !default;
-
-//
-// Box shadows
-//
-$box-shadow: 0 0 1px transparentize($color-black, .7) !default;
-$box-shadow-high: 0 0 1px transparentize($color-black, .7), 0 5px 10px -3px transparentize($color-black, .8) !default;
-$box-shadow-higher: 0 0 1px transparentize($color-black, .7), 0 10px 25px -4px transparentize($color-black, .8) !default;
-$box-shadow-highest: 0 0 1px transparentize($color-black, .7), 0 20px 55px -8px transparentize($color-black, .8) !default;
-
-$box-shadow-solid: 0 0 1px transparentize($color-black, .3) !default;
-$box-shadow-solid-high: 0 0 1px transparentize($color-black, .3), 0 5px 10px -3px transparentize($color-black, .2) !default;
-$box-shadow-solid-higher: 0 0 1px transparentize($color-black, .3), 0 10px 25px -4px transparentize($color-black, .2) !default;
-$box-shadow-solid-highest: 0 0 1px transparentize($color-black, .3), 0 20px 55px -8px transparentize($color-black, .2) !default;
-
-//
-// Focus styles
-//
-$border-color-focus: $color-blue !default;
-$box-shadow-focus: inset 0 0 0 2px lighten($border-color-focus, $color-tint) !default;
-
-//
-// Z Indexes
-//
-$z-over-content: 100 !default;
-$z-over-control: 200 !default;
-$z-over-page: 300 !default;
-$z-over-screen: 400 !default;
-$z-over-everything: 500 !default;
-
-//
-// Typography
-//
-$text-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !default;
-$text-font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default;
-$text-font-family-mono: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace !default;
-$text-font-size-super: 3em !default;
-$text-font-size-xlarge: 2em !default;
-$text-font-size-large: 1.5em !default;
-$text-font-size-medium: 1em !default;
-$text-font-size-small: 0.9em !default;
-$text-font-size-xsmall: 0.7em !default;
-$text-font-weight: normal !default;
-$text-font-weight-heavy: bold !default;
-$text-line-height: 1.55 !default;
-$text-color: $color-black !default;
-
-$highlight-padding: $spacing-xsmall $spacing-xsmall $spacing-tiny !default;
-$highlight-margin: 0 -$spacing-tiny !default;
-$highlight-color: $color-black !default;
-$highlight-background-color: $color-yellow !default;
-
-$help-border: $border-width dashed $color-dark-grey !default;
-
-$paragraph-padding: $spacing-small 0 !default;
-$paragraph-margin: 0 !default;
-$paragraph-font-style: normal !default;
-
-$code-color: $text-color !default;
-$code-background-color: $color-lighter-grey !default;
-$code-font-family: $text-font-family-mono !default;
-$code-font-weight: $text-font-weight !default;
-
-$code-multiline-padding: $spacing-small $spacing-medium !default;
-$code-multiline-border-radius: $border-radius !default;
-
-$keyboard-color: $color-white !default;
-$keyboard-background-color: $color-primary !default;
-
-$keyboard-border-width: 2px !default;
-$keyboard-border-style: $border-style !default;
-$keyboard-border-color: $color-darker-primary !default;
-$keyboard-border: $keyboard-border-width $keyboard-border-style $keyboard-border-color !default;
-$keyboard-border-radius: $border-radius !default;
-
-$quotation-padding: $spacing-medium $spacing-large !default;
-$quotation-margin: 0 !default;
-$quotation-color: $color-quiet !default;
-$quotation-font-size: $text-font-size-large !default;
-$quotation-font-family: $text-font-family-serif !default;
-$quotation-border-width: 5px !default;
-$quotation-border-style: $border-style !default;
-$quotation-border-color: $color-default !default;
-$quotation-primary-border-color: $color-primary !default;
-$quotation-secondary-border-color: $color-secondary !default;
-$quotation-success-border-color: $color-success !default;
-$quotation-error-border-color: $color-error !default;
-
-$quotation-footer-color: $color-quiet !default;
-$quotation-footer-font-style: italic !default;
-
-//
-// Addresses
-//
-$address-font-style: normal !default;
-$address-heading-font-weight: $text-font-weight-heavy !default;
-
-//
-// Alerts
-//
-$alert-margin: 0 0 $spacing-medium 0 !default;
-$alert-padding: $spacing-medium $spacing-super $spacing-medium $spacing-medium !default;
-$alert-background-color: $color-default !default;
-$alert-primary-background-color: $color-primary !default;
-$alert-secondary-background-color: $color-secondary !default;
-$alert-error-background-color: $color-error !default;
-$alert-success-background-color: $color-success !default;
-$alert-color: $color-white !default;
-$alert-border-radius: $border-radius !default;
-
-//
-// Badges
-//
-$badge-padding: $spacing-xsmall $spacing-small !default;
-$badge-margin: 0 !default;
-$badge-background-color: $color-default !default;
-$badge-color: $color-white !default;
-$badge-primary-background-color: $color-primary !default;
-$badge-primary-color: $color-white !default;
-$badge-secondary-background-color: $color-secondary !default;
-$badge-secondary-color: $color-white !default;
-$badge-success-background-color: $color-success !default;
-$badge-success-color: $color-white !default;
-$badge-error-background-color: $color-error !default;
-$badge-error-color: $color-white !default;
-$badge-font-size: 0.8em !default;
-$badge-font-weight: $text-font-weight-heavy !default;
-$badge-border-radius: $border-radius !default;
-$badge-border-radius-rounded: $border-radius-rounded !default;
-
-//
-// Bubbles
-//
-$bubble-padding: $spacing-medium !default;
-$bubble-background-color: $color-black !default;
-$bubble-color: $color-white !default;
-$bubble-text-align: center !default;
-$bubble-border-radius: $border-radius !default;
-$bubble-arrow-width: 10px !default;
-
-//
-// Buttons
-//
-$button-padding: $spacing-small !default;
-$button-margin: 0 !default;
-
-$button-color: $color-white !default;
-$button-background-color: $color-default !default;
-$button-primary-color: $color-white !default;
-$button-primary-background-color: $color-primary !default;
-$button-secondary-color: $color-white !default;
-$button-secondary-background-color: $color-secondary !default;
-$button-success-color: $color-white !default;
-$button-success-background-color: $color-success !default;
-$button-error-color: $color-white !default;
-$button-error-background-color: $color-error !default;
-
-$button-disabled-color: $color-disabled !default;
-$button-disabled-background-color: $color-lighter-grey !default;
-$button-disabled-border-color: $color-default !default;
-$button-disabled-font-style: italic !default;
-
-$button-font-family: inherit !default;
-$button-font-size: 1em !default;
-$button-line-height: normal !default;
-$button-text-align: center !default;
-$button-text-transform: uppercase !default;
-$button-white-space: nowrap !default;
-
-$button-border-width: $border-width !default;
-$button-border-style: $border-style !default;
-$button-border-color: transparent !default;
-$button-border: $button-border-width $button-border-style $button-border-color !default;
-$button-border-radius: $border-radius !default;
-
-$button-focus-border-color: $border-color-focus !default;
-$button-focus-box-shadow: $box-shadow-focus !default;
-
-$button-ghost-color: $border-color !default;
-$button-ghost-hover-color: $color-white !default;
-$button-ghost-primary-color: $color-primary !default;
-$button-ghost-primary-hover-color: $color-white !default;
-$button-ghost-secondary-color: $color-secondary !default;
-$button-ghost-secondary-hover-color: $color-white !default;
-$button-ghost-success-color: $color-success !default;
-$button-ghost-success-hover-color: $color-white !default;
-$button-ghost-error-color: $color-error !default;
-$button-ghost-error-hover-color: $color-white !default;
-$button-ghost-border-width: $button-border-width !default;
-$button-ghost-border-style: $button-border-style !default;
-
-$button-rounded-border-radius: $border-radius-rounded !default;
-
-$button-close-font-weight: $text-font-weight-heavy !default;
-$button-close-font-size: 1.4em !default;
-
-$button-icon-left-padding: $spacing-small !default;
-$button-icon-right-padding: $spacing-small !default;
-
-$button-super-font-size: $text-font-size-super !default;
-$button-xlarge-font-size: $text-font-size-xlarge !default;
-$button-large-font-size: $text-font-size-large !default;
-$button-medium-font-size: $text-font-size-medium !default;
-$button-small-font-size: $text-font-size-small !default;
-$button-xsmall-font-size: $text-font-size-xsmall !default;
-
-//
-// Calendars
-//
-$calendar-padding: $spacing-xsmall !default;
-$calendar-max-width: 400px !default;
-$calendar-background-color: $color-white !default;
-$calendar-color: $color-black !default;
-$calendar-text-align: center !default;
-$calendar-border-width: $border-width !default;
-$calendar-border-style: $border-style !default;
-$calendar-border-color: $border-color !default;
-$calendar-border: $calendar-border-width $calendar-border-style $calendar-border-color !default;
-$calendar-border-radius: $border-radius !default;
-
-$calendar-control-padding: $spacing-medium $spacing-small !default;
-$calendar-control-background-color: $color-white !default;
-$calendar-control-color: $color-default !default;
-$calendar-control-date-in-month-color: $color-black !default;
-$calendar-control-font-size: $text-font-size-medium !default;
-$calendar-control-border-width: $border-width !default;
-$calendar-control-border-style: $border-style !default;
-$calendar-control-border-color: $border-color !default;
-$calendar-control-border: $calendar-control-border-width $calendar-control-border-style $calendar-control-border-color !default;
-$calendar-control-border-hover: $calendar-control-border !default;
-$calendar-control-border-radius: $border-radius !default;
-
-$calendar-control-selected-background-color: $color-primary !default;
-$calendar-control-selected-color: $color-white !default;
-$calendar-control-selected-border-color: $color-primary !default;
-
-$calendar-header-padding: $spacing-small 0 !default;
-
-$calendar-day-font-weight: $text-font-weight-heavy !default;
-$calendar-day-padding: $spacing-small 0 !default;
-
-$calendar-today-border-color: $color-light-grey !default;
-
-//
-// Cards
-//
-$card-margin: $spacing-medium 0 0 0 !default;
-$card-box-shadow: $box-shadow !default;
-$card-border-radius: $border-radius !default;
-
-$card-divider-background-color: $color-dark-grey !default;
-$card-divider-color: $color-white !default;
-
-$card-primary-divider-background-color: $color-primary !default;
-$card-primary-divider-color: $color-white !default;
-$card-primary-divider-border-bottom-color: $color-lighter-primary !default;
-
-$card-secondary-divider-background-color: $color-secondary !default;
-$card-secondary-divider-color: $color-white !default;
-$card-secondary-divider-border-bottom-color: $color-lighter-secondary !default;
-
-$card-success-divider-background-color: $color-success !default;
-$card-success-divider-color: $color-white !default;
-$card-success-divider-border-bottom-color: $color-lighter-success !default;
-
-$card-error-divider-background-color: $color-error !default;
-$card-error-divider-color: $color-white !default;
-$card-error-divider-border-bottom-color: $color-lighter-error !default;
-
-$card-divider-font-weight: $text-font-weight-heavy !default;
-
-$card-item-border-width: $border-width !default;
-$card-item-border-style: $border-style !default;
-$card-item-border-color: $color-light-grey !default;
-$card-item-border-bottom: $card-item-border-width $card-item-border-style $card-item-border-color !default;
-
-$card-item-active-background-color: $card-item-border-color !default;
-$card-item-padding: $spacing-small !default;
-
-//
-// Drawers
-//
-$drawer-width-horizontal: 80% !default;
-$drawer-width-vertical: 260px !default;
-$drawer-background-color: $color-white !default;
-$drawer-color: $color-black !default;
-$drawer-border-radius: $border-radius !default;
-$drawer-z-index: $z-over-everything !default;
-
-$drawer-heading-padding: $spacing-medium !default;
-
-$drawer-body-padding: $spacing-small !default;
-
-$drawer-footer-padding: $spacing-small !default;
-$drawer-footer-block-padding: 0 !default;
-$drawer-footer-block-button-border-radius: 0 !default;
-
-//
-// Headings
-//
-$heading-margin: 0 !default;
-$heading-padding: $spacing-medium 0 $spacing-small !default;
-
-$heading-font-weight: $text-font-weight !default;
-$heading-font-size: $text-font-size-medium !default;
-
-$heading-font-size-super: $text-font-size-medium * 4 !default;
-$heading-font-size-xlarge: $text-font-size-medium * 3 !default;
-$heading-font-size-large: $text-font-size-medium * 2 !default;
-$heading-font-size-medium: $text-font-size-medium * 1.5 !default;
-$heading-font-size-small: $text-font-size-medium * 1.25 !default;
-$heading-font-size-xsmall: $text-font-size-medium * 1.05 !default;
-
-$heading-subheading-padding: $spacing-small 0 !default;
-$heading-subheading-color: $color-quiet !default;
-$heading-subheading-font-size: $text-font-size-medium * 0.8 !default;
-
-//
-// Hints
-//
-$hint-padding: 0 $spacing-small !default;
-$hint-color: $color-darker-grey !default;
-$hint-font-size: $text-font-size-medium !default;
-
-$hint-success-color: $color-success !default;
-$hint-error-color: $color-error !default;
+If you prefer Sass (like me) you can instead add `@import 'blaze'` into your import file.
 
-//
-// Inputs
-//
-$label-padding: $spacing-medium 0 !default;
-$label-field-margin: $spacing-small 0 0 0 !default;
-
-$field-padding: $spacing-small !default;
-$field-margin: 0 !default;
-
-$field-color: inherit !default;
-$field-background-color: $color-white !default;
-
-$field-font-size-super: $text-font-size-super !default;
-$field-font-size-xlarge: $text-font-size-xlarge !default;
-$field-font-size-large: $text-font-size-large !default;
-$field-font-size-medium: $text-font-size-medium !default;
-$field-font-size-small: $text-font-size-small !default;
-$field-font-size-xsmall: $text-font-size-xsmall !default;
-$field-font-weight: $text-font-weight !default;
-
-$field-border-width: $border-width !default;
-$field-border-style: $border-style !default;
-$field-border-color: $border-color !default;
-$field-border: $field-border-width $field-border-style $field-border-color !default;
-$field-border-radius: $border-radius !default;
-
-$field-focus-border-color: $border-color-focus !default;
-$field-focus-box-shadow: $box-shadow-focus !default;
-
-$field-disabled-background-color: $color-lighter-grey !default;
-$field-disabled-border-color: $border-color !default;
-$field-disabled-color: $color-disabled !default;
-
-$field-error-border-color: $color-error !default;
-$field-error-color: $color-error !default;
-
-$field-success-border-color: $color-success !default;
-$field-success-color: $field-color !default;
-
-$choice-padding: $spacing-small 0 !default;
-$choice-margin: 0 !default;
-$choice-font-size-super: $text-font-size-super !default;
-$choice-font-size-xlarge: $text-font-size-xlarge !default;
-$choice-font-size-large: $text-font-size-large !default;
-$choice-font-size-medium: $text-font-size-medium !default;
-$choice-font-size-small: $text-font-size-small !default;
-$choice-font-size-xsmall: $text-font-size-xsmall !default;
-
-$choice-error-color: $color-error !default;
-$choice-success-color: $color-success !default;
-
-$checkbox-margin: $spacing-tiny !default;
-$checkbox-font-size: $text-font-size-medium !default;
-
-$fieldset-padding: 0 !default;
-$fieldset-margin: $spacing-small 0 !default;
-$fieldset-width: 100% !default;
-$fieldset-border: 0 !default;
-
-$legend-padding: $spacing-xsmall 0 !default;
-
-$form-element-padding: $spacing-medium 0 !default;
-$form-element-label-padding: 0 0 $spacing-small 0 !default;
-
-//
-// Links
-//
-$link-color: $color-dark-primary !default;
-$link-primary-color: $color-primary !default;
-$link-secondary-color: $color-secondary !default;
-$link-success-color: $color-success !default;
-$link-error-color: $color-error !default;
-$link-text-decoration: none !default;
-$link-hover-text-decoration: underline !default;
-
-//
-// Lists
-//
-$list-margin: 0 !default;
-$list-padding: 0 0 0 $spacing-medium !default;
-
-$list-unstyled-padding: 0 !default;
-$list-unstyled-list-style: none !default;
-
-$list-nested-padding: $list-padding !default;
-
-$list-item-padding: 0 !default;
-$list-item-unstyled-list-style: none !default;
-
-$list-ordered-item-padding: 0 $spacing-small 0 0 !default;
-
-$list-inline-padding: 0 !default;
-$list-inline-item-padding-right: $spacing-medium !default;
-
-$list-inline-item-bullet-content: '\2022' !default;
-$list-inline-item-bullet-padding: 0 $spacing-small 0 0 !default;
-
-//
-// Menus
-//
-$menu-width: 100% !default;
-$menu-max-height: 280px !default;
-$menu-margin: $spacing-xsmall 0 0 0 !default;
-$menu-background-color: $color-white !default;
-$menu-border-radius: $border-radius !default;
-$menu-z-index: $z-over-content !default;
-
-$menu-item-divider-color: $color-quiet !default;
-$menu-item-divider-font-weight: $text-font-weight-heavy !default;
-
-$menu-item-hover-background-color: $color-lighter-grey !default;
-
-$menu-item-active-background-color: $color-lighter-grey !default;
-$menu-item-active-font-weight: $text-font-weight-heavy !default;
-
-$menu-item-disabled-color: $color-disabled !default;
-
-//
-// Modals
-//
-$modal-width: 80% !default;
-$modal-background-color: $color-white !default;
-$modal-border-width: 0 !default;
-$modal-border-style: $border-style !default;
-$modal-border-color: $border-color !default;
-$modal-border: $modal-border-width $modal-border-style $modal-border-color !default;
-$modal-border-radius: $border-radius !default;
-$modal-z-index: $z-over-everything !default;
-
-$modal-header-text-align: center !default;
-
-$modal-body-padding: $spacing-medium !default;
-
-$modal-footer-padding: $spacing-medium !default;
-$modal-footer-block-padding: $spacing-large 0 0 0 !default;
-$modal-footer-block-button-border-radius: 0 !default;
-
-$modal-ghost-background-color: transparent !default;
-$modal-ghost-color: $color-white !default;
-$modal-ghost-heading-color: $color-white !default;
-
-//
-// Navs
-//
-$nav-width: 100% !default;
-$nav-padding: 0 !default;
-$nav-margin: 0 !default;
-$nav-background-color: $color-black !default;
-$nav-color: $color-white !default;
-$nav-z-index: $z-over-page !default;
-
-$nav-light-background-color: $color-beige !default;
-$nav-light-color: $color-darker-brown !default;
-
-$nav-item-padding: $spacing-medium !default;
-$nav-item-letter-spacing: 1px !default;
-
-$nav-item-hover-background-color: $color-darker-grey !default;
-$nav-item-hover-color: $color-white !default;
-$nav-item-primary-hover-background-color: $color-primary !default;
-$nav-item-primary-hover-color: $color-white !default;
-$nav-item-secondary-hover-background-color: $color-secondary !default;
-$nav-item-secondary-hover-color: $color-white !default;
-$nav-item-success-hover-background-color: $color-success !default;
-$nav-item-success-hover-color: $color-white !default;
-$nav-item-error-hover-background-color: $color-error !default;
-$nav-item-error-hover-color: $color-white !default;
-
-$nav-item-active-background-color: $color-darker-grey !default;
-$nav-item-active-color: $color-white !default;
-$nav-item-primary-active-background-color: $color-primary !default;
-$nav-item-primary-active-color: $color-white !default;
-$nav-item-secondary-active-background-color: $color-secondary !default;
-$nav-item-secondary-active-color: $color-white !default;
-$nav-item-success-active-background-color: $color-success !default;
-$nav-item-success-active-color: $color-white !default;
-$nav-item-error-active-background-color: $color-error !default;
-$nav-item-error-active-color: $color-white !default;
-
-//
-// Overlays
-//
-$overlay-background-color: $color-black !default;
-$overlay-z-index: $z-over-screen !default;
-$overlay-transparent-background-color: transparent !default;
-
-//
-// Pagination
-//
-$pagination-padding: $spacing-medium !default;
-$pagination-width: 100% !default;
-$pagination-font-size: $text-font-size-small !default;
-
-$pagination-control-color: $color-primary !default;
-
-$pagination-page-color: $color-primary !default;
-
-$pagination-page-current-background-color: $color-primary !default;
-$pagination-page-current-color: $color-white !default;
-
-$pagination-ellipsis-padding: 0 $spacing-medium !default;
-
-//
-// Panels
-//
-$panel-nav-top: ($nav-item-padding * 2) + ($text-line-height * 1em);
-$panel-nav-bottom: $panel-nav-top;
-
-//
-// Ranges
-//
-$range-width: 100% !default;
-$range-height: 10px !default;
-$range-padding: $spacing-small 0 !default;
-$range-background-color: $color-default !default;
-$range-primary-background-color: $color-primary !default;
-$range-secondary-background-color: $color-secondary !default;
-$range-success-background-color: $color-success !default;
-$range-error-background-color: $color-error !default;
-$range-border-width: $border-width !default;
-$range-border-style: $border-style !default;
-$range-border-color: transparent !default;
-$range-border: 0 !default;
-$range-border-radius: $border-radius-rounded !default;
-$range-box-shadow: none !default;
-$range-disabled-background-color: $color-lighter-grey !default;
-
-$range-thumb-height: 20px !default;
-$range-thumb-width: 20px !default;
-$range-thumb-margin: -5px 0 0 0 !default;
-$range-thumb-background-color: $color-white !default;
-$range-thumb-border-width: $border-width !default;
-$range-thumb-border-style: $border-style !default;
-$range-thumb-border-color: transparent !default;
-$range-thumb-border: 0 !default;
-$range-thumb-border-radius: $border-radius-rounded !default;
-$range-thumb-box-shadow: 0 1px 4px -1px $color-black !default;
-$range-thumb-focus-border-color: $border-color-focus !default;
-$range-thumb-focus-box-shadow: $box-shadow-focus !default;
-
-//
-// Tables
-//
-$table-width: 100% !default;
-$table-margin: 0 !default;
-$table-padding: 0 !default;
-$table-border-width: $border-width !default;
-$table-border-style: $border-style !default;
-$table-border-color: $border-color !default;
-$table-border: 0 !default;
-
-$table-caption-padding: $spacing-small 0 !default;
-$table-caption-color: $color-quiet !default;
-$table-caption-max-width: 100% !default;
-$table-caption-font-size: $text-font-size-small !default;
-$table-caption-text-align: left !default;
-
-$table-cell-padding: $spacing-small !default;
-$table-cell-text-align: left !default;
-
-$table-heading-background-color: $color-light-grey !default;
-$table-heading-color: initial !default;
-$table-heading-border-width: $border-width !default;
-$table-heading-border-style: $border-style !default;
-$table-heading-border-color: $color-grey !default;
-$table-heading-border: $table-heading-border-width $table-heading-border-style $table-heading-border-color !default;
-$table-heading-font-weight: $text-font-weight-heavy !default;
-
-$table-heading-striped-color: initial !default;
-$table-heading-striped-background-color: $color-white !default;
-
-$table-row-striped-color: initial !default;
-$table-row-striped-background-color: $color-lighter-grey !default;
-
-$table-row-clickable-color: $color-primary !default;
-$table-row-clickable-background-color: initial !default;
-
-$table-row-inactive-color: $color-disabled !default;
-$table-row-inactive-background-color: initial !default;
-
-$table-condensed-font-size: $text-font-size-small !default;
-$table-condensed-cell-padding: $spacing-xsmall !default;
-
-//
-// Tabs
-//
-$tab-headings-text-align: center !default;
-
-$tab-heading-padding: $spacing-medium !default;
-$tab-heading-margin: 0 !default;
-$tab-heading-box-shadow-color: $color-lighter-grey !default;
-
-$tab-heading-active-box-shadow-color: $color-default !default;
-$tab-heading-primary-active-box-shadow-color: $color-primary !default;
-$tab-heading-secondary-active-box-shadow-color: $color-secondary !default;
-$tab-heading-success-active-box-shadow-color: $color-success !default;
-$tab-heading-error-active-box-shadow-color: $color-error !default;
-
-$tab-heading-disabled-color: $color-disabled !default;
-$tab-heading-disabled-background-color: initial !default;
-
-$tab-padding: $spacing-medium !default;
-
-//
-// Tags
-//
-$tags-width: 100% !default;
-$tags-text-align: left !default;
-
-$tag-padding: $spacing-small $spacing-large $spacing-small $spacing-small !default;
-$tag-margin: $spacing-tiny !default;
-
-$tag-close-color: $color-light-grey !default;
-
-$tags-container-width: 70% !default;
-
-$tags-field-container-margin: $spacing-tiny !default;
-$tags-field-container-width: 30% !default;
-
-//
-// Toasts
-//
-$toasts-width: 250px !default;
-$toasts-background-color: transparent !default;
-$toasts-z-index: $z-over-page !default;
-
-$toast-padding: $spacing-medium !default;
-$toast-margin: $spacing-small !default;
-$toast-background-color: $color-default !default;
-$toast-color: $color-white !default;
-$toast-primary-background-color: $color-primary !default;
-$toast-primary-color: $color-white !default;
-$toast-secondary-background-color: $color-secondary !default;
-$toast-secondary-color: $color-white !default;
-$toast-success-background-color: $color-success !default;
-$toast-success-color: $color-white !default;
-$toast-error-background-color: $color-error !default;
-$toast-error-color: $color-white !default;
-$toast-border-radius: $border-radius !default;
-
-//
-// Toggles
-//
-$toggle-margin: 0 0.5em !default;
-
-$toggle-track-background-color: $color-default !default;
-$toggle-track-primary-background-color: $color-primary !default;
-$toggle-track-secondary-background-color: $color-secondary !default;
-$toggle-track-success-background-color: $color-success !default;
-$toggle-track-error-background-color: $color-error !default;
-$toggle-track-border-radius: $border-radius-rounded !default;
-$toggle-track-unchecked-background-color: $color-lighter-grey !default;
-$toggle-track-disabled-background-color: $color-lighter-grey !default;
-
-$toggle-handle-background-color: $color-white !default;
-$toggle-handle-border-radius: $border-radius-rounded !default;
-$toggle-handle-box-shadow: 0 1px 4px -1px $color-black !default;
-$toggle-handle-disabled-background-color: $color-lighter-grey !default;
-
-//
-// Tooltips
-//
-$tooltip-z-index: $z-over-page;
-$tooltip-arrow-width: 0.6em;
-$tooltip-body-padding: $spacing-small $spacing-medium;
-$tooltip-body-background-color: $color-black;
-$tooltip-body-color: $color-white;
-$tooltip-body-border-width: 1px;
-$tooltip-body-border-style: solid;
-$tooltip-body-border-color: $tooltip-body-background-color;
-$tooltip-body-border-radius: $border-radius;
-
-//
-// Trees
-//
-$tree-padding: 0 !default;
-$tree-margin: 0 !default;
-
-$tree-nested-padding: 0 0 0 $spacing-medium !default;
-
-$tree-item-padding: 0 !default;
-$tree-item-indicator-padding: 0 $spacing-small 0 0 !default;
-$tree-item-indicator-color: $color-light-grey !default;
-
-$tree-item-expandable-indicator-color: $color-grey !default;
-$tree-item-expanded-indicator-color: $color-darker-grey !default;
-```
+This gem includes the default settings in Blaze CSS. If you would like to change these settings, import a variables file before importing 'blaze'. The settings available for you to over-ride can be found [here](https://github.com/andrewtpoe/blaze-css-rails/blob/master/vendor/blaze-css/scss/mixins/_settings.global.scss).