basscss-rails 3.0.0 → 4.0.0

data/app/assets/stylesheets/basscss/_btn-primary.scss

@@ -1,69 +1,16 @@
 
 // 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;
-$button-color: $white !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
 
-$breakpoint-sm: '(min-width: 40em)' !default;
-$breakpoint-md: '(min-width: 52em)' !default;
-$breakpoint-lg: '(min-width: 64em)' !default;
 
 /* Basscss Btn Primary */
 
@@ -86,16 +33,4 @@ $breakpoint-lg: '(min-width: 64em)' !default;
 .btn-primary:disabled,
 .btn-primary.is-disabled {
   opacity: .5;
-}
-
-/* Basscss Defaults */
-
-/*
-
-   COLOR VARIABLES
-
-   - Cool
-   - Warm
-   - Gray Scale
-
-*/
+}

data/app/assets/stylesheets/basscss/_btn.scss

@@ -1,73 +1,19 @@
 
 // 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;
+$bold-font-weight: bold !default;
 $button-font-family: inherit !default;
 $button-font-size: inherit !default;
-$button-font-weight: $bold-font-weight /* Fallback value:  bold */ !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
 
-$breakpoint-sm: '(min-width: 40em)' !default;
-$breakpoint-md: '(min-width: 52em)' !default;
-$breakpoint-lg: '(min-width: 64em)' !default;
 
 /* Basscss Btn */
 
@@ -102,16 +48,4 @@ $breakpoint-lg: '(min-width: 64em)' !default;
 ::-moz-focus-inner {
   border: 0;
   padding: 0;
-}
-
-/* Basscss Defaults */
-
-/*
-
-   COLOR VARIABLES
-
-   - Cool
-   - Warm
-   - Gray Scale
-
-*/
+}

data/app/assets/stylesheets/basscss/_colors.scss

@@ -18,84 +18,56 @@ $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 Colors */
 
+/*
+
+   COLOR 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 }
-
-/* Basscss Defaults */
-
-/*
-
-   COLOR VARIABLES
-
-   - Cool
-   - Warm
-   - Gray Scale
 
-*/
+.muted { opacity: .5 }

data/app/assets/stylesheets/basscss/_darken.scss

@@ -0,0 +1,20 @@
+
+// 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 }

data/app/assets/stylesheets/basscss/_flexbox.scss

@@ -0,0 +1,90 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+$breakpoint-sm: '(min-width: 40em)' !default;
+$breakpoint-md: '(min-width: 52em)' !default;
+$breakpoint-lg: '(min-width: 64em)' !default;
+
+
+.flex { display: flex }
+
+@media #{$breakpoint-sm} {
+  .sm-flex { display: flex }
+}
+
+@media #{$breakpoint-md} {
+  .md-flex { display: flex }
+}
+
+@media #{$breakpoint-lg} {
+  .lg-flex { display: flex }
+}
+
+.flex-column  { flex-direction: column }
+
+.flex-wrap    { flex-wrap: wrap }
+
+.items-start    { align-items: flex-start }
+
+.items-end      { align-items: flex-end }
+
+.items-center   { align-items: center }
+
+.items-baseline { align-items: baseline }
+
+.items-stretch  { align-items: stretch }
+
+.self-start    { align-self: flex-start }
+
+.self-end      { align-self: flex-end }
+
+.self-center   { align-self: center }
+
+.self-baseline { align-self: baseline }
+
+.self-stretch  { align-self: stretch }
+
+.justify-start   { justify-content: flex-start }
+
+.justify-end     { justify-content: flex-end }
+
+.justify-center  { justify-content: center }
+
+.justify-between { justify-content: space-between }
+
+.justify-around  { justify-content: space-around }
+
+.content-start   { align-content: flex-start }
+
+.content-end     { align-content: flex-end }
+
+.content-center  { align-content: center }
+
+.content-between { align-content: space-between }
+
+.content-around  { align-content: space-around }
+
+.content-stretch { align-content: stretch }
+
+/* 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-none { flex: none }
+
+.order-0 { order: 0 }
+
+.order-1 { order: 1 }
+
+.order-2 { order: 2 }
+
+.order-3 { order: 3 }
+
+.order-last { order: 99999 }

data/app/assets/stylesheets/basscss/_forms.scss

@@ -0,0 +1,50 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/* Basscss Forms */
+
+.label {
+  font-size: .875rem;
+  font-weight: bold;
+  display: block;
+  margin-bottom: .5rem;
+}
+
+.input {
+  font-family: inherit;
+  font-size: inherit;
+  display: block;
+  width: 100%;
+  height: 2.5rem;
+  padding: .5rem;
+  margin-bottom: 1rem;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}
+
+.select {
+  font-family: inherit;
+  font-size: inherit;
+  display: block;
+  width: 100%;
+  height: 2.5rem;
+  padding: .5rem;
+  margin-bottom: 1rem;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}
+
+.textarea {
+  font-family: inherit;
+  font-size: inherit;
+  display: block;
+  width: 100%;
+  padding: .5rem;
+  margin-bottom: 1rem;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}