basscss-rails 3.0.0 → 4.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fbcd85f94a6c4ec9492dc996b9e379edd0db185c
-  data.tar.gz: 95b1f694b38334c1f7e68860a9b870699ed6ce6c
+  metadata.gz: 861a740654e0572b127ded75d15b2e6beda5a319
+  data.tar.gz: 761e29a2d81e6f2de7571a56fabf2fe3a9d021b1
 SHA512:
-  metadata.gz: 3615b35cd221c7a0217ac4e78e09ab9a3af5d57bd6f77b0b8887044befbe3a61943b2dd31b4b4ab0a83283833ab7bbabbfcfd16502326a2708683c8659e9b6a8
-  data.tar.gz: 8619f2840618e9c32ade2a052cc768a5c49cadffab567ed048b6ef3e88c3c9902dc13c7479b9a2a43dc08b47e01ea35c1379f6b1e65f2354b925dea64f638a2e
+  metadata.gz: fe32b83f3b220e958050dbdbdb985ed39ef94c3ffa4a302713a021960bd204133c95ea32525421aeab3f5b55557e521a20be41fb69ec6f537c27891313f9f239
+  data.tar.gz: 0c01d50f9f1a54615dd87210281b13abff9babda1332059b3ecf74d484fa5e416ec5bb3291b57615fa9eb619030401d4ac4667fa745c7126d95e7c7c900cbaf5

data/README.md

@@ -33,7 +33,7 @@ You will then need to require the stylesheet in your application.scss:
 Or, in your application.css:
 
 ```css
-*= require basscss/basscss;
+*= require basscss/basscss
 ```
 
 ## Usage

data/Rakefile

@@ -3,14 +3,14 @@ require 'fileutils'
 
 task :download do
   puts 'Updating basscss files'
-  exec 'npm i --save basscss-sass --prefix ./'
+  system 'npm i --save basscss-sass --prefix ./'
 end
 
 task :copy do
   puts 'Installing basscss files'
   FileUtils.remove_dir 'app/assets/stylesheets/basscss', :force
   FileUtils.mkdir 'app/assets/stylesheets/basscss'
-  FileUtils.cp_r Dir.glob('node_modules/basscss-sass/*.scss'), 'app/assets/stylesheets/basscss/'
+  FileUtils.cp_r Dir.glob('node_modules/basscss-sass/scss/*.scss'), 'app/assets/stylesheets/basscss/'
 end
 
 task :update => [:download, :copy]

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

@@ -8,6 +8,9 @@
 /* Basscss Align */
 
 .align-baseline { vertical-align: baseline }
+
 .align-top      { vertical-align: top }
+
 .align-middle   { vertical-align: middle }
+
 .align-bottom   { vertical-align: bottom }

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

@@ -0,0 +1,14 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/* Basscss All */
+
+.all-initial { all: initial }
+
+.all-unset { all: unset }
+
+.all-inherit { all: inherit }

data/app/assets/stylesheets/basscss/_background-colors.scss

@@ -18,91 +18,52 @@ $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 Background Colors */
 
+/*
+
+   COLOR VARIABLES
+
+   - Cool
+   - Warm
+   - Gray Scale
+
+*/
+
 .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 }
-
-/* Basscss Defaults */
+.bg-orange  { background-color: $orange }
 
-/*
+.bg-red     { background-color: $red }
 
-   COLOR VARIABLES
+.bg-fuchsia { background-color: $fuchsia }
 
-   - Cool
-   - Warm
-   - Gray Scale
+.bg-purple  { background-color: $purple }
 
-*/
+.bg-maroon  { background-color: $maroon }

data/app/assets/stylesheets/basscss/_background-images.scss

@@ -8,10 +8,15 @@
 /* Basscss Background Images */
 
 .bg-cover   { background-size: cover }
+
 .bg-contain { background-size: contain }
 
 .bg-center  { background-position: center }
+
 .bg-top     { background-position: top }
+
 .bg-right   { background-position: right }
+
 .bg-bottom  { background-position: bottom }
+
 .bg-left    { background-position: left }

data/app/assets/stylesheets/basscss/_border-colors.scss

@@ -18,91 +18,52 @@ $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 Border Colors */
 
+/*
+
+   COLOR VARIABLES
+
+   - Cool
+   - Warm
+   - Gray Scale
+
+*/
+
 .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 }
-
-/* Basscss Defaults */
+.border-orange  { border-color: $orange }
 
-/*
+.border-red     { border-color: $red }
 
-   COLOR VARIABLES
+.border-fuchsia { border-color: $fuchsia }
 
-   - Cool
-   - Warm
-   - Gray Scale
+.border-purple  { border-color: $purple }
 
-*/
+.border-maroon  { border-color: $maroon }

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

@@ -0,0 +1,51 @@
+
+// Converted Variables
+
+$border-width: 1px !default;
+$border-radius: 3px !default;
+
+// Custom Media Query Variables
+
+
+/* Basscss Border */
+
+.border {
+  border-style: solid;
+  border-width: $border-width;
+}
+
+.border-top {
+  border-top-style: solid;
+  border-top-width: $border-width;
+}
+
+.border-right {
+  border-right-style: solid;
+  border-right-width: $border-width;
+}
+
+.border-bottom {
+  border-bottom-style: solid;
+  border-bottom-width: $border-width;
+}
+
+.border-left {
+  border-left-style: solid;
+  border-left-width: $border-width;
+}
+
+.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 }

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

@@ -1,67 +1,13 @@
 
 // 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;
+$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 Outline */
 
@@ -87,16 +33,4 @@ $breakpoint-lg: '(min-width: 64em)' !default;
 .btn-outline:disabled,
 .btn-outline.is-disabled {
   opacity: .5;
-}
-
-/* Basscss Defaults */
-
-/*
-
-   COLOR VARIABLES
-
-   - Cool
-   - Warm
-   - Gray Scale
-
-*/
+}