basscss-rails 0.0.1 → 1.0.0

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

@@ -0,0 +1,20 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/* Basscss Utility Typography */
+
+.bold    { font-weight: $bold-font-weight /* Fallback value:  bold */ }
+.regular { font-weight: normal }
+.italic  { font-style: italic }
+.caps    { text-transform: uppercase; letter-spacing: .2em; }
+
+.left-align   { text-align: left }
+.center       { text-align: center }
+.right-align  { text-align: right }
+.justify      { text-align: justify }
+
+.nowrap { white-space: nowrap }

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

@@ -0,0 +1,126 @@
+
+// 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 Utility White Space */
+
+.m0  { margin:        0 }
+.mt0 { margin-top:    0 }
+.mr0 { margin-right:  0 }
+.mb0 { margin-bottom: 0 }
+.ml0 { margin-left:   0 }
+
+.m1  { margin:        $space-1 }
+.mt1 { margin-top:    $space-1 }
+.mr1 { margin-right:  $space-1 }
+.mb1 { margin-bottom: $space-1 }
+.ml1 { margin-left:   $space-1 }
+
+.m2  { margin:        $space-2 }
+.mt2 { margin-top:    $space-2 }
+.mr2 { margin-right:  $space-2 }
+.mb2 { margin-bottom: $space-2 }
+.ml2 { margin-left:   $space-2 }
+
+.m3  { margin:        $space-3 }
+.mt3 { margin-top:    $space-3 }
+.mr3 { margin-right:  $space-3 }
+.mb3 { margin-bottom: $space-3 }
+.ml3 { margin-left:   $space-3 }
+
+.m4  { margin:        $space-4 }
+.mt4 { margin-top:    $space-4 }
+.mr4 { margin-right:  $space-4 }
+.mb4 { margin-bottom: $space-4 }
+.ml4 { margin-left:   $space-4 }
+
+.mxn1 { margin-left: -$space-1; margin-right: -$space-1; }
+.mxn2 { margin-left: -$space-2; margin-right: -$space-2; }
+.mxn3 { margin-left: -$space-3; margin-right: -$space-3; }
+.mxn4 { margin-left: -$space-4; margin-right: -$space-4; }
+
+.mx-auto { margin-left: auto; margin-right: auto; }
+.p1  { padding:       $space-1 }
+.py1 { padding-top:   $space-1; padding-bottom: $space-1 }
+.px1 { padding-left:  $space-1; padding-right:  $space-1 }
+
+.p2  { padding:       $space-2 }
+.py2 { padding-top:   $space-2; padding-bottom: $space-2 }
+.px2 { padding-left:  $space-2; padding-right:  $space-2 }
+
+.p3  { padding:       $space-3 }
+.py3 { padding-top:   $space-3; padding-bottom: $space-3 }
+.px3 { padding-left:  $space-3; padding-right:  $space-3 }
+
+.p4  { padding:       $space-4 }
+.py4 { padding-top:   $space-4; padding-bottom: $space-4 }
+.px4 { padding-left:  $space-4; padding-right:  $space-4 }
+
+/* Basscss Defaults */
+
+/*
+
+   COLOR VARIABLES
+
+   - Cool
+   - Warm
+   - Gray Scale
+
+*/

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

@@ -1,43 +1,40 @@
-/*
-
-  BASSCSS
-
-  Next-level CSS toolkit - http://basscss.com
-
-  Made with love by Jxnblk - ©2014 Brent Jackson
-  MIT License http://opensource.org/licenses/MIT
-
-*/
-
-
-@import "variables";
-
-@import "reset";
-
-@import "type";
-@import "margins";
-@import "padding";
-@import "utilities";
-@import "forms";
-@import "lists";
+@import "defaults";
+@import "base-reset";
+@import "base-forms";
+@import "base-buttons";
+@import "base-tables";
+@import "base-typography";
+@import "utility-layout";
+@import "utility-typography";
+@import "white-space";
+@import "responsive-states";
 @import "positions";
-@import "tables";
-
-// Components
-@import "buttons";
+@import "button-sizes";
 @import "grid";
-@import "table-object";
-@import "navs";
-
-
-// Thematic styles
-@import "theme";
-@import "colors";
+@import "flex-object";
+@import "color-base";
+@import "color-forms";
+@import "color-forms-dark";
+@import "input-range";
+@import "progress";
+@import "color-tables";
+@import "button-outline";
+@import "button-transparent";
+@import "background-images";
 @import "borders";
-
-@import "form-themes";
-@import "table-themes";
-
-@import "button-themes";
-@import "nav-themes";
-
+@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";

data/lib/basscss/rails/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: basscss-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 1.0.0
 platform: ruby
 authors:
 - John Otander
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-08-23 00:00:00.000000000 Z
+date: 2015-05-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -51,28 +51,46 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- 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/_borders.scss
-- app/assets/stylesheets/basscss/_button-themes.scss
-- app/assets/stylesheets/basscss/_buttons.scss
+- app/assets/stylesheets/basscss/_button-blue-outline.scss
+- app/assets/stylesheets/basscss/_button-blue.scss
+- app/assets/stylesheets/basscss/_button-gray.scss
+- app/assets/stylesheets/basscss/_button-light-gray.scss
+- app/assets/stylesheets/basscss/_button-link.scss
+- app/assets/stylesheets/basscss/_button-nav-dark.scss
+- app/assets/stylesheets/basscss/_button-nav-light.scss
+- app/assets/stylesheets/basscss/_button-nav-tab.scss
+- 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-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-tables.scss
 - app/assets/stylesheets/basscss/_colors.scss
-- app/assets/stylesheets/basscss/_form-themes.scss
-- app/assets/stylesheets/basscss/_forms.scss
+- app/assets/stylesheets/basscss/_defaults.scss
+- app/assets/stylesheets/basscss/_flex-object.scss
 - app/assets/stylesheets/basscss/_grid.scss
-- app/assets/stylesheets/basscss/_lists.scss
-- app/assets/stylesheets/basscss/_margins.scss
-- app/assets/stylesheets/basscss/_nav-themes.scss
-- app/assets/stylesheets/basscss/_navs.scss
-- app/assets/stylesheets/basscss/_padding.scss
+- app/assets/stylesheets/basscss/_highlight.scss
+- app/assets/stylesheets/basscss/_input-range.scss
 - app/assets/stylesheets/basscss/_positions.scss
-- app/assets/stylesheets/basscss/_reset.scss
+- app/assets/stylesheets/basscss/_progress.scss
+- 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/_table-themes.scss
-- app/assets/stylesheets/basscss/_tables.scss
-- app/assets/stylesheets/basscss/_theme.scss
-- app/assets/stylesheets/basscss/_type.scss
-- app/assets/stylesheets/basscss/_utilities.scss
-- app/assets/stylesheets/basscss/_variables.scss
-- app/assets/stylesheets/basscss/basscss-lite.scss
+- app/assets/stylesheets/basscss/_ui-utility-groups.scss
+- app/assets/stylesheets/basscss/_utility-headings.scss
+- app/assets/stylesheets/basscss/_utility-layout.scss
+- app/assets/stylesheets/basscss/_utility-typography.scss
+- app/assets/stylesheets/basscss/_white-space.scss
 - app/assets/stylesheets/basscss/basscss.scss
 - basscss-rails.gemspec
 - lib/basscss/rails.rb
@@ -98,7 +116,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.5
 signing_key: 
 specification_version: 4
 summary: Include BASSCSS in your Rails apps.

data/app/assets/stylesheets/basscss/_button-themes.scss

@@ -1,32 +0,0 @@
-// Button Themes
-
-.button {
-  border-radius: $border-radius;
-  transition-duration: .2s;
-  transition-timing-function: ease;
-  transition-property: box-shadow , background-color;
-  &:focus {
-    outline: none;
-    box-shadow: 0 0 0 2px #fff, 0 0 1px 4px rgba($blue, .5);
-  }
-}
-
-.button-blue {
-  color: #fff;
-  background-color: $blue;
-  &:hover {
-    color: #fff;
-    background-color: darken($blue, 20%);
-  }
-}
-
-.button-gray {
-  color: #fff;
-  background-color: $mid-gray;
-  &:hover {
-    color: #fff;
-    background-color: darken($mid-gray, 20%);
-  }
-  &:focus {}
-}
-

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

@@ -1,33 +0,0 @@
-// Buttons
-
-.button {
-  font-family: inherit;
-  font-weight: bold;
-  text-decoration: none;
-  cursor: pointer;
-  border: none;
-  -webkit-appearance: none;
-  appearance: none;
-  white-space: nowrap;
-  display: inline-block;
-  line-height: $ui-height;
-  height: auto;
-  min-height: $ui-height;
-  padding: 0 $ui-padding;
-  &:hover,
-  &:focus {
-    text-decoration: none;
-  }
-}
-
-.button-big {
-  line-height: $ui-height-big;
-  min-height: $ui-height-big;
-  padding: 0 1.5*$ui-padding;
-}
-
-.button-small {
-  line-height: $ui-height-small;
-  min-height: $ui-height-small;
-}
-

data/app/assets/stylesheets/basscss/_form-themes.scss

@@ -1,37 +0,0 @@
-// Form Themes
-
-// See _forms.scss for structural styles
-
-.form-light {
-  .input,
-  .textarea,
-  .select {
-    background-color: white;
-    transition: box-shadow .2s ease;
-    border-color: $border-color;
-    border-radius: $border-radius;
-    &:focus {
-      outline: none;
-      border-color: $blue;
-      box-shadow: 0 0 .125rem rgba($blue,.5);
-    }
-  }
-  .radio input,
-  .checkbox input {
-    transition: box-shadow .2s ease;
-    &:focus {
-      outline: none;
-      box-shadow: 0 0 0 2px #fff, 0 0 1px 4px rgba($blue, .5);
-    }
-  }
-  .radio input {
-    border-radius: 50%;
-  }
-  .fieldset {
-    border-width: 1px;
-    border-style: solid;
-    border-color: $border-color;
-    border-radius: $border-radius;
-  }
-}
-

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

@@ -1,68 +0,0 @@
-// Forms
-
-.form {
-  font-size: 1rem;
-  .field,
-  .input,
-  .select {
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    max-width: 100%;
-    height: $ui-height;
-    line-height: $ui-height - $ui-padding;
-  }
-  .input,
-  .select {
-    border-style: solid;
-    border-width: 1px;
-  }
-  .select {
-    margin-right: 0;
-    margin-left: 0;
-    &[multiple] {
-      height: auto;
-    }
-  }
-  .input {
-    padding: .5*$ui-padding $ui-padding;
-    -webkit-appearance: none;
-    appearance: none;
-  }
-  .textarea {
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: $ui-padding;
-    line-height: 1.5;
-  }
-  .field-big,
-  .input-big {
-    height: $ui-height-big;
-  }
-  .field-small,
-  .input-small {
-    height: $ui-height-small;
-    line-height: $ui-height-small - $ui-padding;
-  }
-}
-
-.form-stacked {
-  .label,
-  .input,
-  .select,
-  .checkbox,
-  .radio,
-  .fieldset,
-  .field {
-    display: block;
-    width: 100%;
-  }
-  .input,
-  .select,
-  .radio,
-  .checkbox,
-  .fieldset,
-  .field {
-    margin-bottom: 1rem;
-  }
-}
-