diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index 35b61dcce22..7aa578a51f0 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -7,7 +7,11 @@ @import 'normalize.css/normalize'; @import 'hint.css/hint'; -@import 'basscss/basscss'; +@import 'basscss-sass/basscss'; +@import 'basscss/margin'; +@import 'basscss/padding'; +@import 'basscss/responsive-margin'; +@import 'basscss/responsive-padding'; @import 'components/all'; diff --git a/app/assets/stylesheets/components/_form.scss b/app/assets/stylesheets/components/_form.scss index 186a11928a2..cf60f39a954 100644 --- a/app/assets/stylesheets/components/_form.scss +++ b/app/assets/stylesheets/components/_form.scss @@ -26,6 +26,18 @@ textarea { &.phone { font-family: $monospace-font-family; } + + &:focus, + &.is-focused { + border-color: $field-focus-color; + box-shadow: 0 0 0 2px rgba($field-focus-color, .5); + outline: none; + } + + &:invalid, + &.is-error { + border-color: $border-color; + } } .radio-extra { diff --git a/app/assets/stylesheets/components/_typography.scss b/app/assets/stylesheets/components/_typography.scss index 36e2d9ae9f8..2c376505781 100644 --- a/app/assets/stylesheets/components/_typography.scss +++ b/app/assets/stylesheets/components/_typography.scss @@ -5,6 +5,8 @@ body { -webkit-font-smoothing: antialiased; } .sans-serif { font-family: $sans-serif-font-family; } .serif { font-family: $serif-font-family; } +.text-decoration-none { text-decoration: none; } + .lower { text-transform: lowercase; } .ls-0 { letter-spacing: 0; } @@ -14,6 +16,18 @@ body { -webkit-font-smoothing: antialiased; } .fs-12p { font-size: 12px; } .fs-20p { font-size: 20px; } +.caps { + letter-spacing: $caps-letter-spacing; + text-transform: uppercase; +} + +.line-height-1 { line-height: $line-height-1; } +.line-height-2 { line-height: $line-height-2; } +.line-height-3 { line-height: $line-height-3; } +.line-height-4 { line-height: $line-height-4; } + +.underline { text-decoration: underline; } + // given how similar & coupled these are, single line preferred // scss-lint:disable SingleLinePerSelector h1, .h1 { font-size: $h1; } diff --git a/package.json b/package.json index bcbf6e5689f..4d8e4ac3f19 100644 --- a/package.json +++ b/package.json @@ -7,6 +7,7 @@ "npm": "~3.8.x" }, "dependencies": { + "basscss-sass": "^3.0.0", "classlist.js": "^1.1.20150312", "field-kit": "^2.1.0", "focus-trap": "^2.3.0", @@ -20,6 +21,7 @@ "babelify": "^7.3.0", "browserify": "^13.0.0", "browserify-incremental": "^3.1.1", + "chai": "^3.5.0", "dirty-chai": "^1.2.2", "eslint": "^3.19.0", "eslint-config-airbnb": "^14.1.0", diff --git a/vendor/assets/stylesheets/.keep b/vendor/assets/stylesheets/.keep deleted file mode 100644 index e69de29bb2d..00000000000 diff --git a/vendor/assets/stylesheets/basscss/_align.scss b/vendor/assets/stylesheets/basscss/_align.scss deleted file mode 100644 index a6bbb7f0a61..00000000000 --- a/vendor/assets/stylesheets/basscss/_align.scss +++ /dev/null @@ -1,16 +0,0 @@ - -// Converted Variables - - -// Custom Media Query Variables - - -/* Basscss Align */ - -.align-baseline { vertical-align: baseline } - -.align-top { vertical-align: top } - -.align-middle { vertical-align: middle } - -.align-bottom { vertical-align: bottom } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_background-colors.scss b/vendor/assets/stylesheets/basscss/_background-colors.scss deleted file mode 100644 index 794ba563947..00000000000 --- a/vendor/assets/stylesheets/basscss/_background-colors.scss +++ /dev/null @@ -1,58 +0,0 @@ - -// Converted Variables - - -// Custom Media Query Variables - - -/* Basscss Background Colors */ - -.bg-black { background-color: $black } - -.bg-gray { background-color: $gray } - -.bg-silver { background-color: $silver } - -.bg-white { background-color: $white } - -.bg-aqua { background-color: $aqua } - -.bg-blue { background-color: $blue } - -.bg-navy { background-color: $navy } - -.bg-teal { background-color: $teal } - -.bg-green { background-color: $green } - -.bg-olive { background-color: $olive } - -.bg-lime { background-color: $lime } - -.bg-yellow { background-color: $yellow } - -.bg-orange { background-color: $orange } - -.bg-red { background-color: $red } - -.bg-fuchsia { background-color: $fuchsia } - -.bg-purple { background-color: $purple } - -.bg-maroon { background-color: $maroon } - -.bg-darken-1 { background-color: $darken-1 } - -.bg-darken-2 { background-color: $darken-2 } - -.bg-darken-3 { background-color: $darken-3 } - -.bg-darken-4 { background-color: $darken-4 } - -.bg-lighten-1 { background-color: $lighten-1 } - -.bg-lighten-2 { background-color: $lighten-2 } - -.bg-lighten-3 { background-color: $lighten-3 } - -.bg-lighten-4 { background-color: $lighten-4 } diff --git a/vendor/assets/stylesheets/basscss/_base-forms.scss b/vendor/assets/stylesheets/basscss/_base-forms.scss deleted file mode 100644 index a152b8fa62f..00000000000 --- a/vendor/assets/stylesheets/basscss/_base-forms.scss +++ /dev/null @@ -1,64 +0,0 @@ - -// Converted Variables - -$form-field-font-family: inherit !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; - -// Custom Media Query Variables - - -/* Basscss Base Forms */ - -/* @import 'basscss-defaults'; */ - -input, -select, -textarea, -fieldset { - font-family: $form-field-font-family; - font-size: $form-field-font-size; - box-sizing: border-box; - margin-top: 0; - margin-bottom: 0; -} - -label { - vertical-align: middle; -} - -input[type=text], -input[type=date], -input[type=datetime], -input[type=datetime-local], -input[type=email], -input[type=month], -input[type=number], -input[type=password], -input[type=search], -input[type=tel], -input[type=time], -input[type=url], -input[type=week] { - height: $form-field-height; - padding: $form-field-padding-y $form-field-padding-x; - vertical-align: middle; - -webkit-appearance: none; -} - -select { - line-height: 1.75; - padding: $form-field-padding-y $form-field-padding-x; -} - -select:not([multiple]) { - height: $form-field-height; - vertical-align: middle; -} - -textarea { - line-height: 1.75; - padding: $form-field-padding-y $form-field-padding-x; -} \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_base-reset.scss b/vendor/assets/stylesheets/basscss/_base-reset.scss deleted file mode 100644 index 34864acff78..00000000000 --- a/vendor/assets/stylesheets/basscss/_base-reset.scss +++ /dev/null @@ -1,11 +0,0 @@ - -// Converted Variables - - -// Custom Media Query Variables - - - -body { margin: 0 } -img { max-width: 100% } -svg { max-height: 100% } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_base-tables.scss b/vendor/assets/stylesheets/basscss/_base-tables.scss deleted file mode 100644 index f22489f53a0..00000000000 --- a/vendor/assets/stylesheets/basscss/_base-tables.scss +++ /dev/null @@ -1,33 +0,0 @@ - -// Converted Variables - -$table-header-font-weight: $bold-font-weight !default; -$table-cell-padding-x: $space-2 !default; -$table-cell-padding-y: .25rem !default; - -// Custom Media Query Variables - - -/* Basscss Base Tables */ - -table { - border-collapse: separate; - border-spacing: 0; - max-width: 100%; - width: 100%; -} - -th { - text-align: left; - font-weight: $table-header-font-weight; -} - -th, -td { - padding: $table-cell-padding-y $table-cell-padding-x; - line-height: inherit; -} - -th { vertical-align: bottom } - -td { vertical-align: top } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_base-typography.scss b/vendor/assets/stylesheets/basscss/_base-typography.scss deleted file mode 100644 index 6f12bc85e51..00000000000 --- a/vendor/assets/stylesheets/basscss/_base-typography.scss +++ /dev/null @@ -1,71 +0,0 @@ - -// Converted Variables - -$font-family: 'Helvetica Neue', Helvetica, sans-serif !default; -$line-height: 1.5 !default; -$body-font-size: 100% !default; -$heading-font-family: $font-family !default; -$heading-font-weight: bold !default; -$heading-line-height: 1.25 !default; -$heading-margin-top: 1em !default; -$heading-margin-bottom: .5em !default; -$paragraph-margin-top: 0 !default; -$paragraph-margin-bottom: $space-2 !default; -$list-margin-top: 0 !default; -$list-margin-bottom: $space-2 !default; -$monospace-font-family: 'Source Code Pro', Consolas, monospace !default; -$pre-font-size: inherit !default; -$pre-margin-top: 0 !default; -$pre-margin-bottom: $space-2 !default; - -// Custom Media Query Variables - - -/* Basscss Base Typography */ - -body { - font-family: $font-family; - line-height: $line-height; - font-size: $body-font-size; -} - -h1, h2, h3, h4, h5, h6 { - font-family: $heading-font-family; - font-weight: $heading-font-weight; - line-height: $heading-line-height; - margin-top: $heading-margin-top; - margin-bottom: $heading-margin-bottom; -} - -p { - margin-top: $paragraph-margin-top; - margin-bottom: $paragraph-margin-bottom; -} - -dl, ol, ul { - margin-top: $list-margin-top; - margin-bottom: $list-margin-bottom; -} - -pre, code, samp { - font-family: $monospace-font-family; - font-size: $pre-font-size; -} - -pre { - margin-top: $pre-margin-top; - margin-bottom: $pre-margin-bottom; - overflow-x: scroll; -} - -h1 { font-size: $h1 } - -h2 { font-size: $h2 } - -h3 { font-size: $h3 } - -h4 { font-size: $h4 } - -h5 { font-size: $h5 } - -h6 { font-size: $h6 } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_border-colors.scss b/vendor/assets/stylesheets/basscss/_border-colors.scss deleted file mode 100644 index e62b9ad6774..00000000000 --- a/vendor/assets/stylesheets/basscss/_border-colors.scss +++ /dev/null @@ -1,58 +0,0 @@ - -// Converted Variables - - -// Custom Media Query Variables - - -/* Basscss Border Colors */ - -.border-black { border-color: $black } - -.border-gray { border-color: $gray } - -.border-silver { border-color: $silver } - -.border-white { border-color: $white } - -.border-aqua { border-color: $aqua } - -.border-blue { border-color: $blue } - -.border-navy { border-color: $navy } - -.border-teal { border-color: $teal } - -.border-green { border-color: $green } - -.border-olive { border-color: $olive } - -.border-lime { border-color: $lime } - -.border-yellow { border-color: $yellow } - -.border-orange { border-color: $orange } - -.border-red { border-color: $red } - -.border-fuchsia { border-color: $fuchsia } - -.border-purple { border-color: $purple } - -.border-maroon { border-color: $maroon } - -.border-darken-1 { border-color: $darken-1 } - -.border-darken-2 { border-color: $darken-2 } - -.border-darken-3 { border-color: $darken-3 } - -.border-darken-4 { border-color: $darken-4 } - -.border-lighten-1 { border-color: $lighten-1 } - -.border-lighten-2 { border-color: $lighten-2 } - -.border-lighten-3 { border-color: $lighten-3 } - -.border-lighten-4 { border-color: $lighten-4 } diff --git a/vendor/assets/stylesheets/basscss/_border.scss b/vendor/assets/stylesheets/basscss/_border.scss deleted file mode 100644 index 19a2eb684e0..00000000000 --- a/vendor/assets/stylesheets/basscss/_border.scss +++ /dev/null @@ -1,54 +0,0 @@ - -// Converted Variables - - -// Custom Media Query Variables - - -/* Basscss Border */ - -.border { - border-style: solid; - border-width: $border-width; - border-color: $border-color; -} - -.border-top { - border-top-style: solid; - border-top-width: $border-width; - border-top-color: $border-color; -} - -.border-right { - border-right-style: solid; - border-right-width: $border-width; - border-right-color: $border-color; -} - -.border-bottom { - border-bottom-style: solid; - border-bottom-width: $border-width; - border-bottom-color: $border-color; -} - -.border-left { - border-left-style: solid; - border-left-width: $border-width; - border-left-color: $border-color; -} - -.border-none { border: 0 } - -.rounded { border-radius: $border-radius } - -.circle { border-radius: 50% } - -.rounded-top { border-radius: $border-radius $border-radius 0 0 } - -.rounded-right { border-radius: 0 $border-radius $border-radius 0 } - -.rounded-bottom { border-radius: 0 0 $border-radius $border-radius } - -.rounded-left { border-radius: $border-radius 0 0 $border-radius } - -.not-rounded { border-radius: 0 } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_btn-outline.scss b/vendor/assets/stylesheets/basscss/_btn-outline.scss deleted file mode 100644 index dc92bdbc042..00000000000 --- a/vendor/assets/stylesheets/basscss/_btn-outline.scss +++ /dev/null @@ -1,36 +0,0 @@ - -// Converted Variables - -$border-radius: 3px !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; - -// Custom Media Query Variables - - -/* Basscss Btn Outline */ - -.btn-outline, -.btn-outline:hover { - border-color: currentcolor; -} - -.btn-outline { - border-radius: $border-radius; -} - -.btn-outline:hover { - box-shadow: inset 0 0 0 20rem $darken-1; -} - -.btn-outline:active { - box-shadow: inset 0 0 0 20rem $darken-2, - inset 0 3px 4px 0 $darken-3, - 0 0 1px $darken-2; -} - -.btn-outline:disabled, -.btn-outline.is-disabled { - opacity: .5; -} \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_btn-primary.scss b/vendor/assets/stylesheets/basscss/_btn-primary.scss deleted file mode 100644 index b23f664ff40..00000000000 --- a/vendor/assets/stylesheets/basscss/_btn-primary.scss +++ /dev/null @@ -1,36 +0,0 @@ - -// Converted Variables - -$blue: #0074d9 !default; -$button-color: #fff !default; -$button-background-color: $blue !default; -$border-radius: 3px !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; - -// Custom Media Query Variables - - -/* Basscss Btn Primary */ - -.btn-primary { - color: $button-color; - background-color: $button-background-color; - border-radius: $border-radius; -} - -.btn-primary:hover { - box-shadow: inset 0 0 0 20rem $darken-1; -} - -.btn-primary:active { - box-shadow: inset 0 0 0 20rem $darken-2, - inset 0 3px 4px 0 $darken-3, - 0 0 1px $darken-2; -} - -.btn-primary:disabled, -.btn-primary.is-disabled { - opacity: .5; -} \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_btn.scss b/vendor/assets/stylesheets/basscss/_btn.scss deleted file mode 100644 index 32da5d8979d..00000000000 --- a/vendor/assets/stylesheets/basscss/_btn.scss +++ /dev/null @@ -1,51 +0,0 @@ - -// Converted Variables - -$border-width: 1px !default; -$bold-font-weight: bold !default; -$button-font-family: inherit !default; -$button-font-size: inherit !default; -$button-font-weight: $bold-font-weight !default; -$button-line-height: 1.125rem !default; -$button-padding-y: .5rem !default; -$button-padding-x: 1rem !default; -$darken-2: rgba(0, 0, 0, .125) !default; -$darken-3: rgba(0, 0, 0, .25) !default; - -// Custom Media Query Variables - - -/* Basscss Btn */ - -.btn { - font-family: $button-font-family; - font-size: $button-font-size; - font-weight: $button-font-weight; - text-decoration: none; - cursor: pointer; - display: inline-block; - line-height: $button-line-height; - padding: $button-padding-y $button-padding-x; - margin: 0; - height: auto; - border: $border-width solid transparent; - vertical-align: middle; - -webkit-appearance: none; - color: inherit; - background-color: transparent; -} - -.btn:hover { - text-decoration: none; -} - -.btn:focus { - outline: none; - border-color: $darken-2; - box-shadow: 0 0 0 3px $darken-3; -} - -::-moz-focus-inner { - border: 0; - padding: 0; -} \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_color-base.scss b/vendor/assets/stylesheets/basscss/_color-base.scss deleted file mode 100644 index 13464e11b89..00000000000 --- a/vendor/assets/stylesheets/basscss/_color-base.scss +++ /dev/null @@ -1,44 +0,0 @@ - -// Converted Variables - -$body-color: $black !default; -$body-background-color: $white !default; -$link-color: $blue !default; -$link-text-decoration: none !default; -$link-hover-text-decoration: underline !default; -$pre-background-color: transparent !default; -$pre-border-radius: $border-radius !default; -$rule-border-style: solid !default; -$rule-border-width: $border-width !default; -$rule-border-color: $border-color !default; - -// Custom Media Query Variables - - -/* Basscss Color Base */ - -body { - color: $body-color; - background-color: $body-background-color; -} - -a { - color: $link-color; - text-decoration: $link-text-decoration; -} - -a:hover { - text-decoration: $link-hover-text-decoration; -} - -pre, code { - background-color: $pre-background-color; - border-radius: $pre-border-radius; -} - -hr { - border: 0; - border-bottom-style: $rule-border-style; - border-bottom-width: $rule-border-width; - border-bottom-color: $rule-border-color; -} \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_color-forms.scss b/vendor/assets/stylesheets/basscss/_color-forms.scss deleted file mode 100644 index e5600ba36bc..00000000000 --- a/vendor/assets/stylesheets/basscss/_color-forms.scss +++ /dev/null @@ -1,64 +0,0 @@ - -// Converted Variables - -$field-focus-color: $blue !default; -$field-success-color: $green !default; -$field-warning-color: $yellow !default; -$field-error-color: $red !default; - -// Custom Media Query Variables - - -/* 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 rgba($field-focus-color, .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 rgba($field-success-color, .5); -} - -.field.is-warning { - border-color: $field-warning-color; -} - -.field.is-warning:focus, -.field.is-warning.is-focused { - box-shadow: 0 0 0 2px rgba($field-warning-color, .5); -} - -.field.is-error { - border-color: $field-error-color; -} - -.field.is-error:focus, -.field.is-error.is-focused { - box-shadow: 0 0 0 2px rgba($field-error-color, .5); -} diff --git a/vendor/assets/stylesheets/basscss/_color-tables.scss b/vendor/assets/stylesheets/basscss/_color-tables.scss deleted file mode 100644 index 589b2986360..00000000000 --- a/vendor/assets/stylesheets/basscss/_color-tables.scss +++ /dev/null @@ -1,19 +0,0 @@ - -// Converted Variables - - -// Custom Media Query Variables - - -/* Basscss Color Tables */ - -.table-light th, -.table-light td { - border-bottom-width: $border-width; - border-bottom-style: solid; - border-bottom-color: $border-color; -} - -.table-light tr:last-child td { - border-bottom: 0; -} \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_colors.scss b/vendor/assets/stylesheets/basscss/_colors.scss deleted file mode 100644 index cf8f11dd7f7..00000000000 --- a/vendor/assets/stylesheets/basscss/_colors.scss +++ /dev/null @@ -1,73 +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: #FFFFFF !default; -$silver: #DDDDDD !default; -$gray: #AAAAAA !default; -$black: #111111 !default; - -// Custom Media Query Variables - - -/* Basscss Colors */ - -/* - - VARIABLES - - - Cool - - Warm - - Gray Scale - -*/ - -.black { color: $black } - -.gray { color: $gray } - -.silver { color: $silver } - -.white { color: $white } - -.aqua { color: $aqua } - -.blue { color: $blue } - -.navy { color: $navy } - -.teal { color: $teal } - -.green { color: $green } - -.olive { color: $olive } - -.lime { color: $lime } - -.yellow { color: $yellow } - -.orange { color: $orange } - -.red { color: $red } - -.fuchsia { color: $fuchsia } - -.purple { color: $purple } - -.maroon { color: $maroon } - -.color-inherit { color: inherit } - -.muted { opacity: .5 } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_darken.scss b/vendor/assets/stylesheets/basscss/_darken.scss deleted file mode 100644 index f8d1336eea3..00000000000 --- a/vendor/assets/stylesheets/basscss/_darken.scss +++ /dev/null @@ -1,20 +0,0 @@ - -// Converted Variables - -$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; - -// Custom Media Query Variables - - -/* Basscss Darken */ - -.bg-darken-1 { background-color: $darken-1 } - -.bg-darken-2 { background-color: $darken-2 } - -.bg-darken-3 { background-color: $darken-3 } - -.bg-darken-4 { background-color: $darken-4 } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_defaults.scss b/vendor/assets/stylesheets/basscss/_defaults.scss deleted file mode 100644 index 9556b662aa9..00000000000 --- a/vendor/assets/stylesheets/basscss/_defaults.scss +++ /dev/null @@ -1,76 +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 Defaults */ - -/* - - COLOR VARIABLES - - - Cool - - Warm - - Gray Scale - -*/ \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_flex-object.scss b/vendor/assets/stylesheets/basscss/_flex-object.scss deleted file mode 100644 index e36ab6a9b37..00000000000 --- a/vendor/assets/stylesheets/basscss/_flex-object.scss +++ /dev/null @@ -1,56 +0,0 @@ - -// Converted Variables - - -// Custom Media Query Variables - - -/* Flex Object */ - -.flex { display: flex } - -.flex-column { flex-direction: column } - -.flex-wrap { flex-wrap: wrap } - -.flex-center { align-items: center } - -.flex-baseline { align-items: baseline } - -.flex-stretch { align-items: stretch } - -.flex-start { align-items: flex-start } - -.flex-end { align-items: flex-end } - -.flex-justify { justify-content: space-between } - -/* - * 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 - */ - -.flex-auto { - flex: 1 1 auto; - min-width: 0; /* 1 */ - min-height: 0; /* 1 */ -} - -.flex-grow { flex: 1 0 auto } - -.flex-none { flex: none } - -.flex-first { order: -1 } - -.flex-last { order: 99999 } - -@media #{$breakpoint-sm} { - .sm-flex { display: flex } -} - -@media #{$breakpoint-md} { - .md-flex { display: flex } -} - -@media #{$breakpoint-lg} { - .lg-flex { display: flex } -} \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_grid.scss b/vendor/assets/stylesheets/basscss/_grid.scss deleted file mode 100644 index 29542a4668a..00000000000 --- a/vendor/assets/stylesheets/basscss/_grid.scss +++ /dev/null @@ -1,259 +0,0 @@ - -// Converted Variables - -$container-width: 64rem !default; - -// Custom Media Query Variables - - -/* Basscss Grid */ - -.container { - max-width: $container-width; - margin-left: auto; - margin-right: auto; -} - -.col { - float: left; - box-sizing: border-box; -} - -.col-right { - float: right; - box-sizing: border-box; -} - -.col-1 { - width: (1/12 * 100%); -} - -.col-2 { - width: (2/12 * 100%); -} - -.col-3 { - width: (3/12 * 100%); -} - -.col-4 { - width: (4/12 * 100%); -} - -.col-5 { - width: (5/12 * 100%); -} - -.col-6 { - width: (6/12 * 100%); -} - -.col-7 { - width: (7/12 * 100%); -} - -.col-8 { - width: (8/12 * 100%); -} - -.col-9 { - width: (9/12 * 100%); -} - -.col-10 { - width: (10/12 * 100%); -} - -.col-11 { - width: (11/12 * 100%); -} - -.col-12 { - width: 100%; -} - -@media #{$breakpoint-sm} { - - .sm-col { - float: left; - box-sizing: border-box; - } - - .sm-col-right { - float: right; - box-sizing: border-box; - } - - .sm-col-1 { - width: (1/12 * 100%); - } - - .sm-col-2 { - width: (2/12 * 100%); - } - - .sm-col-3 { - width: (3/12 * 100%); - } - - .sm-col-4 { - width: (4/12 * 100%); - } - - .sm-col-5 { - width: (5/12 * 100%); - } - - .sm-col-6 { - width: (6/12 * 100%); - } - - .sm-col-7 { - width: (7/12 * 100%); - } - - .sm-col-8 { - width: (8/12 * 100%); - } - - .sm-col-9 { - width: (9/12 * 100%); - } - - .sm-col-10 { - width: (10/12 * 100%); - } - - .sm-col-11 { - width: (11/12 * 100%); - } - - .sm-col-12 { - width: 100%; - } - -} - -@media #{$breakpoint-md} { - - .md-col { - float: left; - box-sizing: border-box; - } - - .md-col-right { - float: right; - box-sizing: border-box; - } - - .md-col-1 { - width: (1/12 * 100%); - } - - .md-col-2 { - width: (2/12 * 100%); - } - - .md-col-3 { - width: (3/12 * 100%); - } - - .md-col-4 { - width: (4/12 * 100%); - } - - .md-col-5 { - width: (5/12 * 100%); - } - - .md-col-6 { - width: (6/12 * 100%); - } - - .md-col-7 { - width: (7/12 * 100%); - } - - .md-col-8 { - width: (8/12 * 100%); - } - - .md-col-9 { - width: (9/12 * 100%); - } - - .md-col-10 { - width: (10/12 * 100%); - } - - .md-col-11 { - width: (11/12 * 100%); - } - - .md-col-12 { - width: 100%; - } - -} - -@media #{$breakpoint-lg} { - - .lg-col { - float: left; - box-sizing: border-box; - } - - .lg-col-right { - float: right; - box-sizing: border-box; - } - - .lg-col-1 { - width: (1/12 * 100%); - } - - .lg-col-2 { - width: (2/12 * 100%); - } - - .lg-col-3 { - width: (3/12 * 100%); - } - - .lg-col-4 { - width: (4/12 * 100%); - } - - .lg-col-5 { - width: (5/12 * 100%); - } - - .lg-col-6 { - width: (6/12 * 100%); - } - - .lg-col-7 { - width: (7/12 * 100%); - } - - .lg-col-8 { - width: (8/12 * 100%); - } - - .lg-col-9 { - width: (9/12 * 100%); - } - - .lg-col-10 { - width: (10/12 * 100%); - } - - .lg-col-11 { - width: (11/12 * 100%); - } - - .lg-col-12 { - width: 100%; - } - -} \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_layout.scss b/vendor/assets/stylesheets/basscss/_layout.scss deleted file mode 100644 index 0652fbd6463..00000000000 --- a/vendor/assets/stylesheets/basscss/_layout.scss +++ /dev/null @@ -1,52 +0,0 @@ - -// Converted Variables - -$width-1: 24rem !default; -$width-2: 32rem !default; -$width-3: 48rem !default; -$width-4: 64rem !default; - -// Custom Media Query Variables - - -/* Basscss Layout */ - -.inline { display: inline } - -.block { display: block } - -.inline-block { display: inline-block } - -.table { display: table } - -.table-cell { display: table-cell } - -.overflow-hidden { overflow: hidden } - -.overflow-scroll { overflow: scroll } - -.overflow-auto { overflow: auto } - -.clearfix:before, -.clearfix:after { - content: " "; - display: table -} - -.clearfix:after { clear: both } - -.left { float: left } - -.right { float: right } - -.fit { max-width: 100% } - -.max-width-1 { max-width: $width-1 } - -.max-width-2 { max-width: $width-2 } - -.max-width-3 { max-width: $width-3 } - -.max-width-4 { max-width: $width-4 } - -.border-box { box-sizing: border-box } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_lighten.scss b/vendor/assets/stylesheets/basscss/_lighten.scss deleted file mode 100644 index e73e60fadc9..00000000000 --- a/vendor/assets/stylesheets/basscss/_lighten.scss +++ /dev/null @@ -1,20 +0,0 @@ - -// Converted Variables - -$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; - -// Custom Media Query Variables - - -/* Basscss Lighten */ - -.bg-lighten-1 { background-color: $lighten-1 } - -.bg-lighten-2 { background-color: $lighten-2 } - -.bg-lighten-3 { background-color: $lighten-3 } - -.bg-lighten-4 { background-color: $lighten-4 } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_position.scss b/vendor/assets/stylesheets/basscss/_position.scss deleted file mode 100644 index 0f0b5ff5cf9..00000000000 --- a/vendor/assets/stylesheets/basscss/_position.scss +++ /dev/null @@ -1,34 +0,0 @@ - -// Converted Variables - -$z1: 1 !default; -$z2: 2 !default; -$z3: 3 !default; -$z4: 4 !default; - -// Custom Media Query Variables - - -/* Basscss Position */ - -.relative { position: relative } - -.absolute { position: absolute } - -.fixed { position: fixed } - -.top-0 { top: 0 } - -.right-0 { right: 0 } - -.bottom-0 { bottom: 0 } - -.left-0 { left: 0 } - -.z1 { z-index: $z1 } - -.z2 { z-index: $z2 } - -.z3 { z-index: $z3 } - -.z4 { z-index: $z4 } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_responsive-states.scss b/vendor/assets/stylesheets/basscss/_responsive-states.scss deleted file mode 100644 index c5807c88ab8..00000000000 --- a/vendor/assets/stylesheets/basscss/_responsive-states.scss +++ /dev/null @@ -1,46 +0,0 @@ - -// Converted Variables - - -// Custom Media Query Variables - - -/* Basscss Utility Responsive States */ - -.sm-show, .md-show, .lg-show { - display: none !important -} - -@media #{$breakpoint-sm} { - .sm-show { display: block !important } -} - -@media #{$breakpoint-md} { - .md-show { display: block !important } -} - -@media #{$breakpoint-lg} { - .lg-show { display: block !important } -} - -@media #{$breakpoint-sm} { - .sm-hide { display: none !important } -} - -@media #{$breakpoint-md} { - .md-hide { display: none !important } -} - -@media #{$breakpoint-lg} { - .lg-hide { display: none !important } -} - -.display-none { display: none !important } - -.hide { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); -} \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_type-scale.scss b/vendor/assets/stylesheets/basscss/_type-scale.scss deleted file mode 100644 index 8b1ed1e2171..00000000000 --- a/vendor/assets/stylesheets/basscss/_type-scale.scss +++ /dev/null @@ -1,26 +0,0 @@ - -// Converted Variables - -$h1: 2rem !default; -$h2: 1.5rem !default; -$h3: 1.25rem !default; -$h4: 1rem !default; -$h5: .875rem !default; -$h6: .75rem !default; - -// Custom Media Query Variables - - -/* Basscss Type Scale */ - -.h1 { font-size: $h1 } - -.h2 { font-size: $h2 } - -.h3 { font-size: $h3 } - -.h4 { font-size: $h4 } - -.h5 { font-size: $h5 } - -.h6 { font-size: $h6 } \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/_typography.scss b/vendor/assets/stylesheets/basscss/_typography.scss deleted file mode 100644 index ff4279f505f..00000000000 --- a/vendor/assets/stylesheets/basscss/_typography.scss +++ /dev/null @@ -1,65 +0,0 @@ - -// Converted Variables - -$line-height-1: 1 !default; -$line-height-2: 1.125 !default; -$line-height-3: 1.25 !default; -$line-height-4: 1.5 !default; -$letter-spacing: 1 !default; -$caps-letter-spacing: .2em !default; -$bold-font-weight: bold !default; - -// Custom Media Query Variables - - -/* Basscss Typography */ - -.font-family-inherit { font-family: inherit } - -.font-size-inherit { font-size: inherit } - -.text-decoration-none { text-decoration: none } - -.bold { font-weight: $bold-font-weight /* Fallback value: bold */ } - -.regular { font-weight: normal } - -.italic { font-style: italic } - -.caps { text-transform: uppercase; letter-spacing: $caps-letter-spacing; } - -.left-align { text-align: left } - -.center { text-align: center } - -.right-align { text-align: right } - -.justify { text-align: justify } - -.nowrap { white-space: nowrap } - -.break-word { word-wrap: break-word } - -.line-height-1 { line-height: $line-height-1 } - -.line-height-2 { line-height: $line-height-2 } - -.line-height-3 { line-height: $line-height-3 } - -.line-height-4 { line-height: $line-height-4 } - -.list-style-none { list-style: none } - -.underline { text-decoration: underline } - -.truncate { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.list-reset { - list-style: none; - padding-left: 0; -} \ No newline at end of file diff --git a/vendor/assets/stylesheets/basscss/basscss.scss b/vendor/assets/stylesheets/basscss/basscss.scss deleted file mode 100644 index 66a8c5ef76e..00000000000 --- a/vendor/assets/stylesheets/basscss/basscss.scss +++ /dev/null @@ -1,33 +0,0 @@ -@import "defaults"; - -@import "base-reset"; -@import "base-forms"; -@import "base-tables"; -@import "base-typography"; -@import "color-base"; -@import "color-forms"; -@import "color-tables"; - -@import "btn"; -@import "btn-primary"; -@import "btn-outline"; - -@import "type-scale"; -@import "typography"; -@import "layout"; -@import "align"; -@import "margin"; -@import "padding"; -@import "position"; -@import "responsive-states"; -@import "grid"; -@import "flex-object"; -@import "border"; -@import "colors"; -@import "background-colors"; -@import "border-colors"; - -@import "lighten"; -@import "darken"; -@import "responsive-margin"; -@import "responsive-padding";