basscss-rails 3.0.0 → 4.0.0

data/app/assets/stylesheets/basscss/_color-forms-dark.scss

@@ -1,146 +0,0 @@
-
-// Converted Variables
-
-$aqua: #7fdbff !default;
-$blue: #0074d9 !default;
-$navy: #001f3f !default;
-$teal: #39cccc !default;
-$green: #2ecc40 !default;
-$olive: #3d9970 !default;
-$lime: #01ff70 !default;
-$yellow: #ffdc00 !default;
-$orange: #ff851b !default;
-$red: #ff4136 !default;
-$fuchsia: #f012be !default;
-$purple: #b10dc9 !default;
-$maroon: #85144b !default;
-$white: #fff !default;
-$silver: #ddd !default;
-$gray: #aaa !default;
-$black: #111 !default;
-$font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
-$line-height: 1.5 !default;
-$heading-font-family: $font-family !default;
-$heading-font-weight: bold !default;
-$heading-line-height: 1.25 !default;
-$monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
-$h1: 2rem !default;
-$h2: 1.5rem !default;
-$h3: 1.25rem !default;
-$h4: 1rem !default;
-$h5: .875rem !default;
-$h6: .75rem !default;
-$bold-font-weight: bold !default;
-$space-1: .5rem !default;
-$space-2: 1rem !default;
-$space-3: 2rem !default;
-$space-4: 4rem !default;
-$form-field-font-size: 1rem !default;
-$form-field-height: 2.25rem !default;
-$form-field-padding-y: .5rem !default;
-$form-field-padding-x: .5rem !default;
-$button-font-size: inherit !default;
-$button-font-weight: bold !default;
-$button-line-height: 1.125rem !default;
-$button-padding-y: .5rem !default;
-$button-padding-x: 1rem !default;
-$container-width: 64em !default;
-$darken-1: rgba(0,0,0,.0625) !default;
-$darken-2: rgba(0,0,0,.125) !default;
-$darken-3: rgba(0,0,0,.25) !default;
-$darken-4: rgba(0,0,0,.5) !default;
-$lighten-1: rgba(255,255,255,.0625) !default;
-$lighten-2: rgba(255,255,255,.125) !default;
-$lighten-3: rgba(255,255,255,.25) !default;
-$lighten-4: rgba(255,255,255,.5) !default;
-$border-width: 1px !default;
-$border-radius: 3px !default;
-$border-color: $darken-2 !default;
-$field-success-color: $green !default;
-$field-warning-color: $yellow !default;
-$field-error-color: $red !default;
-
-// Custom Media Query Variables
-
-$breakpoint-sm: '(min-width: 40em)' !default;
-$breakpoint-md: '(min-width: 52em)' !default;
-$breakpoint-lg: '(min-width: 64em)' !default;
-
-/* Basscss Color Forms Dark */
-
-.field-dark {
-  color: white;
-  background-color: $darken-3;
-  border: 1px solid $darken-1;
-  border-radius: $border-radius /* Fallback value:  3px */;
-}
-
-.field-dark::-webkit-input-placeholder {
-  color: #FFFFFF;
-  color: rgba(255,255,255,.75);
-}
-
-.field-dark::-moz-placeholder {
-  color: #FFFFFF;
-  color: rgba(255,255,255,.75);
-}
-
-.field-dark:-ms-input-placeholder {
-  color: #FFFFFF;
-  color: rgba(255,255,255,.75);
-}
-
-.field-dark::placeholder {
-  color: #FFFFFF;
-  color: rgba(255,255,255,.75);
-}
-
-.field-dark:focus {
-  outline: 0;
-  border: 1px solid #FFFFFF;
-  border: 1px solid rgba(255,255,255,.5);
-  box-shadow: 0 0 0 2px rgba(255,255,255,.25);
-}
-
-.field-dark:read-only:not(select) {
-  background-color: #FFFFFF;
-  background-color: rgba(255,255,255,.25);
-}
-
-.field-dark.is-success {
-  border-color: $field-success-color;
-}
-
-.field-dark.is-success:focus {
-  box-shadow: 0 0 0 2px color($field-success-color a(.5));
-}
-
-.field-dark.is-warning {
-  border-color: $field-warning-color;
-}
-
-.field-dark.is-warning:focus {
-  box-shadow: 0 0 0 2px color($field-warning-color a(.5));
-}
-
-.field-dark:invalid,
-.field-dark.is-error {
-  border-color: $field-error-color;
-}
-
-.field-dark.is-error:focus {
-  box-shadow: 0 0 0 2px color($field-error-color a(.5));
-}
-
-
-/* Basscss Defaults */
-
-/*
-
-   COLOR VARIABLES
-
-   - Cool
-   - Warm
-   - Gray Scale
-
-*/

data/app/assets/stylesheets/basscss/_color-forms.scss

@@ -1,139 +0,0 @@
-
-// Converted Variables
-
-$aqua: #7fdbff !default;
-$blue: #0074d9 !default;
-$navy: #001f3f !default;
-$teal: #39cccc !default;
-$green: #2ecc40 !default;
-$olive: #3d9970 !default;
-$lime: #01ff70 !default;
-$yellow: #ffdc00 !default;
-$orange: #ff851b !default;
-$red: #ff4136 !default;
-$fuchsia: #f012be !default;
-$purple: #b10dc9 !default;
-$maroon: #85144b !default;
-$white: #fff !default;
-$silver: #ddd !default;
-$gray: #aaa !default;
-$black: #111 !default;
-$font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
-$line-height: 1.5 !default;
-$heading-font-family: $font-family !default;
-$heading-font-weight: bold !default;
-$heading-line-height: 1.25 !default;
-$monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
-$h1: 2rem !default;
-$h2: 1.5rem !default;
-$h3: 1.25rem !default;
-$h4: 1rem !default;
-$h5: .875rem !default;
-$h6: .75rem !default;
-$bold-font-weight: bold !default;
-$space-1: .5rem !default;
-$space-2: 1rem !default;
-$space-3: 2rem !default;
-$space-4: 4rem !default;
-$form-field-font-size: 1rem !default;
-$form-field-height: 2.25rem !default;
-$form-field-padding-y: .5rem !default;
-$form-field-padding-x: .5rem !default;
-$button-font-size: inherit !default;
-$button-font-weight: bold !default;
-$button-line-height: 1.125rem !default;
-$button-padding-y: .5rem !default;
-$button-padding-x: 1rem !default;
-$container-width: 64em !default;
-$darken-1: rgba(0,0,0,.0625) !default;
-$darken-2: rgba(0,0,0,.125) !default;
-$darken-3: rgba(0,0,0,.25) !default;
-$darken-4: rgba(0,0,0,.5) !default;
-$lighten-1: rgba(255,255,255,.0625) !default;
-$lighten-2: rgba(255,255,255,.125) !default;
-$lighten-3: rgba(255,255,255,.25) !default;
-$lighten-4: rgba(255,255,255,.5) !default;
-$border-width: 1px !default;
-$border-radius: 3px !default;
-$border-color: $darken-2 !default;
-$field-focus-color: $blue !default;
-$field-success-color: $green !default;
-$field-warning-color: $yellow !default;
-$field-error-color: $red !default;
-
-// Custom Media Query Variables
-
-$breakpoint-sm: '(min-width: 40em)' !default;
-$breakpoint-md: '(min-width: 52em)' !default;
-$breakpoint-lg: '(min-width: 64em)' !default;
-
-/* Basscss Color Forms */
-
-.field {
-  border-style: solid;
-  border-width: $border-width;
-  border-color: $border-color;
-  border-radius: $border-radius;
-}
-
-.field:focus,
-.field.is-focused {
-  outline: none;
-  border-color: $field-focus-color;
-  box-shadow: 0 0 0 2px color($field-focus-color a(.5));
-}
-
-.field:disabled,
-.field.is-disabled {
-  background-color: $darken-2;
-  opacity: .5;
-}
-
-.field:read-only:not(select),
-.field.is-read-only {
-  background-color: $darken-2;
-}
-
-
-.field.is-success {
-  border-color: $field-success-color;
-}
-
-.field.is-success:focus,
-.field.is-success.is-focused {
-  box-shadow: 0 0 0 2px color($field-success-color a(.5));
-}
-
-.field.is-warning {
-  border-color: $field-warning-color;
-}
-
-.field.is-warning:focus,
-.field.is-warning.is-focused {
-  box-shadow: 0 0 0 2px color($field-warning-color a(.5));
-}
-
-.field:invalid,
-.field.is-error {
-  border-color: $field-error-color;
-}
-
-.field:invalid:focus,
-.field:invalid.is-focused,
-.field.is-error:focus,
-.field.is-error.is-focused {
-  box-shadow: 0 0 0 2px color($field-error-color a(.5));
-}
-
-
-/* Basscss Defaults */
-
-/*
-
-   COLOR VARIABLES
-
-   - Cool
-   - Warm
-   - Gray Scale
-
-*/

data/app/assets/stylesheets/basscss/_color-input-range.scss

@@ -1,123 +0,0 @@
-
-// Converted Variables
-
-$aqua: #7fdbff !default;
-$blue: #0074d9 !default;
-$navy: #001f3f !default;
-$teal: #39cccc !default;
-$green: #2ecc40 !default;
-$olive: #3d9970 !default;
-$lime: #01ff70 !default;
-$yellow: #ffdc00 !default;
-$orange: #ff851b !default;
-$red: #ff4136 !default;
-$fuchsia: #f012be !default;
-$purple: #b10dc9 !default;
-$maroon: #85144b !default;
-$white: #fff !default;
-$silver: #ddd !default;
-$gray: #aaa !default;
-$black: #111 !default;
-$font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
-$line-height: 1.5 !default;
-$heading-font-family: $font-family !default;
-$heading-font-weight: bold !default;
-$heading-line-height: 1.25 !default;
-$monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
-$h1: 2rem !default;
-$h2: 1.5rem !default;
-$h3: 1.25rem !default;
-$h4: 1rem !default;
-$h5: .875rem !default;
-$h6: .75rem !default;
-$bold-font-weight: bold !default;
-$space-1: .5rem !default;
-$space-2: 1rem !default;
-$space-3: 2rem !default;
-$space-4: 4rem !default;
-$form-field-font-size: 1rem !default;
-$form-field-height: 2.25rem !default;
-$form-field-padding-y: .5rem !default;
-$form-field-padding-x: .5rem !default;
-$button-font-size: inherit !default;
-$button-font-weight: bold !default;
-$button-line-height: 1.125rem !default;
-$button-padding-y: .5rem !default;
-$button-padding-x: 1rem !default;
-$container-width: 64em !default;
-$darken-1: rgba(0,0,0,.0625) !default;
-$darken-2: rgba(0,0,0,.125) !default;
-$darken-3: rgba(0,0,0,.25) !default;
-$darken-4: rgba(0,0,0,.5) !default;
-$lighten-1: rgba(255,255,255,.0625) !default;
-$lighten-2: rgba(255,255,255,.125) !default;
-$lighten-3: rgba(255,255,255,.25) !default;
-$lighten-4: rgba(255,255,255,.5) !default;
-$border-width: 1px !default;
-$border-radius: 3px !default;
-$border-color: $darken-2 !default;
-
-// Custom Media Query Variables
-
-$breakpoint-sm: '(min-width: 40em)' !default;
-$breakpoint-md: '(min-width: 52em)' !default;
-$breakpoint-lg: '(min-width: 64em)' !default;
-
-/* Basscss Color Input Range */
-
-.range-light {
-  color: inherit;
-  background-color: transparent;
-  -webkit-appearance: none;
-}
-
-.range-light::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  border-radius: $border-radius;
-  background-color: currentcolor;
-}
-
-.range-light::-moz-range-thumb {
-  border-radius: $border-radius;
-  border-color: transparent;
-  border-width: 0;
-  background-color: currentcolor;
-}
-
-.range-light::-webkit-slider-runnable-track {
-  border-radius: $border-radius;
-  background-color: $darken-3;
-}
-
-.range-light::-moz-range-track {
-  border-radius: $border-radius;
-  background-color: $darken-3;
-}
-
-.range-light:focus {
-  outline: none;
-}
-
-.range-light:focus::-webkit-slider-thumb {
-  outline: none;
-  border: 0;
-  box-shadow: 0 0 1px 2px currentcolor;
-}
-
-.range-light:focus::-moz-range-thumb {
-  outline: none;
-  border: 0;
-  box-shadow: 0 0 0 3px $darken-3;
-}
-
-/* Basscss Defaults */
-
-/*
-
-   COLOR VARIABLES
-
-   - Cool
-   - Warm
-   - Gray Scale
-
-*/

data/app/assets/stylesheets/basscss/_color-progress.scss

@@ -1,99 +0,0 @@
-
-// Converted Variables
-
-$aqua: #7fdbff !default;
-$blue: #0074d9 !default;
-$navy: #001f3f !default;
-$teal: #39cccc !default;
-$green: #2ecc40 !default;
-$olive: #3d9970 !default;
-$lime: #01ff70 !default;
-$yellow: #ffdc00 !default;
-$orange: #ff851b !default;
-$red: #ff4136 !default;
-$fuchsia: #f012be !default;
-$purple: #b10dc9 !default;
-$maroon: #85144b !default;
-$white: #fff !default;
-$silver: #ddd !default;
-$gray: #aaa !default;
-$black: #111 !default;
-$font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
-$line-height: 1.5 !default;
-$heading-font-family: $font-family !default;
-$heading-font-weight: bold !default;
-$heading-line-height: 1.25 !default;
-$monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
-$h1: 2rem !default;
-$h2: 1.5rem !default;
-$h3: 1.25rem !default;
-$h4: 1rem !default;
-$h5: .875rem !default;
-$h6: .75rem !default;
-$bold-font-weight: bold !default;
-$space-1: .5rem !default;
-$space-2: 1rem !default;
-$space-3: 2rem !default;
-$space-4: 4rem !default;
-$form-field-font-size: 1rem !default;
-$form-field-height: 2.25rem !default;
-$form-field-padding-y: .5rem !default;
-$form-field-padding-x: .5rem !default;
-$button-font-size: inherit !default;
-$button-font-weight: bold !default;
-$button-line-height: 1.125rem !default;
-$button-padding-y: .5rem !default;
-$button-padding-x: 1rem !default;
-$container-width: 64em !default;
-$darken-1: rgba(0,0,0,.0625) !default;
-$darken-2: rgba(0,0,0,.125) !default;
-$darken-3: rgba(0,0,0,.25) !default;
-$darken-4: rgba(0,0,0,.5) !default;
-$lighten-1: rgba(255,255,255,.0625) !default;
-$lighten-2: rgba(255,255,255,.125) !default;
-$lighten-3: rgba(255,255,255,.25) !default;
-$lighten-4: rgba(255,255,255,.5) !default;
-$border-width: 1px !default;
-$border-radius: 3px !default;
-$border-color: $darken-2 !default;
-
-// Custom Media Query Variables
-
-$breakpoint-sm: '(min-width: 40em)' !default;
-$breakpoint-md: '(min-width: 52em)' !default;
-$breakpoint-lg: '(min-width: 64em)' !default;
-
-/* Basscss Color Progress */
-
-.progress {
-  background-color: $darken-2;
-  border: 0;
-  border-radius: 10000px;
-}
-
-.progress::-webkit-progress-bar {
-  -webkit-appearance: none;
-  background-color: $darken-2
-}
-
-.progress::-webkit-progress-value {
-  -webkit-appearance: none;
-  background-color: currentColor;
-}
-
-.progress::-moz-progress-bar {
-  background-color: currentColor;
-}
-
-
-/* Basscss Defaults */
-
-/*
-
-   COLOR VARIABLES
-
-   - Cool
-   - Warm
-   - Gray Scale
-
-*/