basscss-rails 1.0.0 → 2.0.0

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

@@ -61,13 +61,10 @@ $breakpoint-lg: '(min-width: 64em)' !default;
 
 /* Basscss Colors */
 
-
-/* Color */
-
-.black, .dark-gray   { color: $black }
-.gray, .mid-gray     { color: $gray }
-.silver, .light-gray { color: $silver }
-.white { color: $white }
+.black  { color: $black }
+.gray   { color: $gray }
+.silver { color: $silver }
+.white  { color: $white }
 
 .aqua  { color: $aqua }
 .blue  { color: $blue }
@@ -84,63 +81,7 @@ $breakpoint-lg: '(min-width: 64em)' !default;
 .purple  { color: $purple }
 .maroon  { color: $maroon }
 
-
-/* Background Color */
-
-.bg-black, .bg-dark-gray   { background-color: $black }
-.bg-gray, .bg-mid-gray     { background-color: $gray }
-.bg-silver, .bg-light-gray { 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 }
-
-
-/* Border Color */
-
-.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-black  { border-color: $black }
-.border-gray   { border-color: $gray }
-.border-silver { border-color: $silver }
-.border-white  { border-color: $white }
-
-.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 }
-
-/* Opacity */
+.color-inherit { color: inherit }
 .muted { opacity: .5 }
 
 /* Basscss Defaults */

data/app/assets/stylesheets/basscss/_flex-object.scss

@@ -74,25 +74,20 @@ $breakpoint-lg: '(min-width: 64em)' !default;
 
 .flex-justify  { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }
 
-.flex-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 }
-.flex-last  { -webkit-box-ordinal-group: 1025; -webkit-order: 1024; -ms-flex-order: 1024; order: 1024 }
-
 .flex-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto }
 .flex-grow { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto }
 .flex-none { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none }
 
-.flex > div { box-sizing: border-box }
+.flex-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 }
+.flex-last  { -webkit-box-ordinal-group: 100000; -webkit-order: 99999; -ms-flex-order: 99999; order: 99999 }
 @media #{$breakpoint-sm} {
   .sm-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
-  .sm-flex > div { box-sizing: border-box }
 }
 @media #{$breakpoint-md} {
   .md-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
-  .md-flex > div { box-sizing: border-box }
 }
 @media #{$breakpoint-lg} {
   .lg-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
-  .lg-flex > div { box-sizing: border-box }
 }
 
 

data/app/assets/stylesheets/basscss/_type-scale.scss

@@ -0,0 +1,81 @@
+
+// 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;
+$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 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 }
+
+/* Basscss Defaults */
+
+/*
+
+   COLOR VARIABLES
+
+   - Cool
+   - Warm
+   - Gray Scale
+
+*/

data/app/assets/stylesheets/basscss/_utility-layout.scss

@@ -10,6 +10,8 @@
 .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 }
@@ -27,5 +29,4 @@
 
 .fit { max-width: 100% }
 
-.half-width { width: 50% }
-.full-width { width: 100% }
+.border-box { box-sizing: border-box }

data/app/assets/stylesheets/basscss/_utility-typography.scss

@@ -17,4 +17,17 @@
 .right-align  { text-align: right }
 .justify      { text-align: justify }
 
-.nowrap { white-space: nowrap }
+.nowrap { white-space: nowrap }
+.break-word { word-wrap: break-word }
+
+.truncate {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.list-reset {
+  list-style: none;
+  padding-left: 0;
+}

data/app/assets/stylesheets/basscss/_white-space.scss

@@ -97,6 +97,8 @@ $breakpoint-lg: '(min-width: 64em)' !default;
 .mxn4 { margin-left: -$space-4; margin-right: -$space-4; }
 
 .mx-auto { margin-left: auto; margin-right: auto; }
+.p0 { padding: 0 }
+
 .p1  { padding:       $space-1 }
 .py1 { padding-top:   $space-1; padding-bottom: $space-1 }
 .px1 { padding-left:  $space-1; padding-right:  $space-1 }

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

@@ -1,40 +1,42 @@
 @import "defaults";
 @import "base-reset";
 @import "base-forms";
-@import "base-buttons";
 @import "base-tables";
 @import "base-typography";
-@import "utility-layout";
+@import "color-base";
+@import "color-forms";
+@import "color-tables";
+@import "btn";
+@import "btn-primary";
+@import "btn-outline";
+@import "type-scale";
 @import "utility-typography";
+@import "utility-layout";
+@import "align";
 @import "white-space";
-@import "responsive-states";
 @import "positions";
-@import "button-sizes";
+@import "responsive-states";
 @import "grid";
 @import "flex-object";
-@import "color-base";
-@import "color-forms";
+@import "borders";
+@import "colors";
+@import "background-colors";
+@import "background-images";
+@import "base-buttons";
+@import "border-colors";
+@import "button-link";
+@import "button-outline";
+@import "button-sizes";
+@import "button-solid";
+@import "button-transparent";
+@import "color-buttons";
 @import "color-forms-dark";
+@import "color-input-range";
+@import "color-progress";
+@import "highlight";
 @import "input-range";
 @import "progress";
-@import "color-tables";
-@import "button-outline";
-@import "button-transparent";
-@import "background-images";
-@import "borders";
-@import "colors";
 @import "responsive-white-space";
-@import "utility-headings";
-@import "ui-utility-groups";
 @import "table-object";
-@import "color-buttons";
-@import "button-link";
-@import "button-blue";
-@import "button-blue-outline";
-@import "button-gray";
-@import "button-light-gray";
-@import "button-red";
-@import "button-nav-light";
-@import "button-nav-dark";
-@import "button-nav-tab";
-@import "highlight";
+@import "ui-utility-groups";
+@import "utility-headings";

data/lib/basscss/rails/version.rb

@@ -1,5 +1,5 @@
 module Basscss
   module Rails
-    VERSION = '1.0.0'
+    VERSION = '2.0.0'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: basscss-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 2.0.0
 platform: ruby
 authors:
 - John Otander
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-05-28 00:00:00.000000000 Z
+date: 2015-07-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -51,13 +51,19 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- app/assets/stylesheets/basscss/_align.scss
+- app/assets/stylesheets/basscss/_background-colors.scss
 - app/assets/stylesheets/basscss/_background-images.scss
 - app/assets/stylesheets/basscss/_base-buttons.scss
 - app/assets/stylesheets/basscss/_base-forms.scss
 - app/assets/stylesheets/basscss/_base-reset.scss
 - app/assets/stylesheets/basscss/_base-tables.scss
 - app/assets/stylesheets/basscss/_base-typography.scss
+- app/assets/stylesheets/basscss/_border-colors.scss
 - app/assets/stylesheets/basscss/_borders.scss
+- app/assets/stylesheets/basscss/_btn-outline.scss
+- app/assets/stylesheets/basscss/_btn-primary.scss
+- app/assets/stylesheets/basscss/_btn.scss
 - app/assets/stylesheets/basscss/_button-blue-outline.scss
 - app/assets/stylesheets/basscss/_button-blue.scss
 - app/assets/stylesheets/basscss/_button-gray.scss
@@ -69,11 +75,14 @@ files:
 - app/assets/stylesheets/basscss/_button-outline.scss
 - app/assets/stylesheets/basscss/_button-red.scss
 - app/assets/stylesheets/basscss/_button-sizes.scss
+- app/assets/stylesheets/basscss/_button-solid.scss
 - app/assets/stylesheets/basscss/_button-transparent.scss
 - app/assets/stylesheets/basscss/_color-base.scss
 - app/assets/stylesheets/basscss/_color-buttons.scss
 - app/assets/stylesheets/basscss/_color-forms-dark.scss
 - app/assets/stylesheets/basscss/_color-forms.scss
+- app/assets/stylesheets/basscss/_color-input-range.scss
+- app/assets/stylesheets/basscss/_color-progress.scss
 - app/assets/stylesheets/basscss/_color-tables.scss
 - app/assets/stylesheets/basscss/_colors.scss
 - app/assets/stylesheets/basscss/_defaults.scss
@@ -86,6 +95,7 @@ files:
 - app/assets/stylesheets/basscss/_responsive-states.scss
 - app/assets/stylesheets/basscss/_responsive-white-space.scss
 - app/assets/stylesheets/basscss/_table-object.scss
+- app/assets/stylesheets/basscss/_type-scale.scss
 - app/assets/stylesheets/basscss/_ui-utility-groups.scss
 - app/assets/stylesheets/basscss/_utility-headings.scss
 - app/assets/stylesheets/basscss/_utility-layout.scss
@@ -116,8 +126,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5
+rubygems_version: 2.4.3
 signing_key: 
 specification_version: 4
 summary: Include BASSCSS in your Rails apps.
 test_files: []
+has_rdoc: