basscss-rails 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: b42bc530e7e0140e164255084ac6ea301ff586f3
+  data.tar.gz: 2ec01689af7c734429e7cf02c0542e80d2e99f4c
+SHA512:
+  metadata.gz: 421bb41f2a18c11655f2797c03b700f875cac332ba436d8d77c935478b6c9e198be2d3bbd4436937a7c9127d74a40f17caab3f58045479f8248e1a3ce2eb6278
+  data.tar.gz: becc7d7cda4a187bd7d9cbb570ab66bad847d69d1083cc83c9232c5802a915c30a86a7918f1c82b98f14161283b3de457c89bd46c1decbce625886a665fd9c32

data/.gitignore

@@ -0,0 +1,22 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in basscss.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Brent Jackson, John Otander
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,67 @@
+# BASSCSS for Rails
+
+Include BASSCSS, the next-level CSS toolkit, in your Rails apps through the assets pipeline.
+
+Repackaged from <https://github.com/jxnblk/basscss> by Brent Jackson.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'basscss'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install basscss
+
+##### Using Sass
+
+You will then need to require the stylesheet in your application.scss:
+
+```scss
+@import "basscss/basscss";
+```
+
+There's also a lite version of BASSCSS, which can be included instead:
+
+```scss
+@import "basscss/basscss-lite";
+```
+
+##### Using CSS
+
+Or, in your application.css:
+
+```css
+*= require basscss/basscss;
+```
+
+Or, for BASSCSS lite:
+
+```css
+*= require basscss/basscss-lite;
+```
+
+## Usage
+
+Further documentation can be found on the BASSCSS website: <http://www.basscss.com/docs/>
+
+## Contributing
+
+1. Fork it ( https://github.com/johnotander/basscss/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request
+
+## Acknowledgements
+
+  * The CSS toolkit is written by Brent Jackson: <https://github.com/jxnblk/basscss>
+
+More documentation available at <http://www.basscss.com/docs/>.

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+

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

@@ -0,0 +1,35 @@
+// Borders
+
+.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;
+}
+
+.rounded { border-radius: $border-radius; }
+.circle { border-radius: 50%; }
+

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

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

@@ -0,0 +1,33 @@
+// 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/_colors.scss

@@ -0,0 +1,20 @@
+// Colors
+
+.white      { color: #fff; }
+.dark-gray  { color: $dark-gray; }
+.mid-gray   { color: $mid-gray; }
+.light-gray { color: $light-gray; }
+.blue       { color: $blue; }
+.green      { color: $green; }
+.yellow     { color: $yellow; }
+.red        { color: $red; }
+
+.bg-white      { background-color: #fff; }
+.bg-dark-gray  { background-color: $dark-gray; }
+.bg-mid-gray   { background-color: $mid-gray; }
+.bg-light-gray { background-color: $light-gray; }
+.bg-blue       { background-color: $blue; }
+.bg-green      { background-color: $green; }
+.bg-yellow     { background-color: $yellow; }
+.bg-red        { background-color: $red; }
+

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

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

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

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

@@ -0,0 +1,56 @@
+// Grid
+
+.container {
+  max-width: $grid-max-width;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.row {
+  overflow: hidden;
+  margin-right: -$grid-gutter/2;
+  margin-left: -$grid-gutter/2;
+}
+
+.col,
+.col-right,
+.col-center,
+.mobile-col,
+.col-px {
+  box-sizing: border-box;
+  padding-right: $grid-gutter/2;
+  padding-left: $grid-gutter/2;
+}
+
+// Mobile grid
+.mobile-col { float: left; }
+@for $i from 1 through 11 {
+  .mobile-col-#{$i} { width: percentage($i/12); }
+}
+
+// Desktop grid
+@media screen and (min-width: $breakpoint-desktop) {
+  .col { float: left; }
+  .col-right { float: right; }
+  .col-center { margin-right: auto; margin-left: auto; }
+  @for $i from 1 through 11 {
+    .col-#{$i} { width: percentage($i/12); }
+    .col-offset-#{$i} { margin-left: percentage($i/12); }
+  }
+  .container-col-10 {
+    max-width: (10/12 * ($grid-max-width + $grid-gutter)) - $grid-gutter;
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .container-col-8 {
+    max-width: (8/12 * ($grid-max-width + $grid-gutter)) - $grid-gutter;
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .container-col-6 {
+    max-width: (6/12 * ($grid-max-width + $grid-gutter)) - $grid-gutter;
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+

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

@@ -0,0 +1,16 @@
+// Lists
+
+// Simple unbulleted list
+.list-reset {
+  list-style: none;
+  padding-left: 0;
+}
+
+// Inline list
+.list-inline {
+  li {
+    display: inline;
+    white-space: nowrap;
+  }
+}
+

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

@@ -0,0 +1,34 @@
+// Margins
+
+.m0  { margin: 0; }
+.mb0 { margin-bottom: 0; }
+
+.m1  { margin: .5*$space; }
+.mt1 { margin-top: .5*$space; }
+.mr1 { margin-right: .5*$space; }
+.mb1 { margin-bottom: .5*$space; }
+.ml1 { margin-left: .5*$space; }
+
+.m2  { margin: $space; }
+.mt2 { margin-top: $space; }
+.mr2 { margin-right: $space; }
+.mb2 { margin-bottom: $space; }
+.ml2 { margin-left: $space; }
+
+.m3  { margin: 2*$space; }
+.mt3 { margin-top: 2*$space; }
+.mr3 { margin-right: 2*$space; }
+.mb3 { margin-bottom: 2*$space; }
+.ml3 { margin-left: 2*$space; }
+
+.m4  { margin: 4*$space; }
+.mt4 { margin-top: 4*$space; }
+.mr4 { margin-right: 4*$space; }
+.mb4 { margin-bottom: 4*$space; }
+.ml4 { margin-left: 4*$space; }
+
+
+// Wrapper for horizontally centering elements with a set width
+.wrap { margin-right: auto; margin-left: auto; }
+
+

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

@@ -0,0 +1,130 @@
+// Nav Themes
+
+// See _nav.scss for structural styles
+
+// Undo default link styles
+.nav a {
+  &:hover,
+  &:focus {
+    text-decoration: none;
+  }
+}
+
+.nav-dark {
+  & > a {
+    color: white;
+    &:hover,
+    &:focus {
+      color: white;
+      background-color: $darken-2;
+    }
+  }
+  .active {
+    background-color: $darken-3;
+  }
+}
+
+.nav-light {
+  & > a {
+    color: $dark-gray;
+    &:hover,
+    &:focus {
+      color: $dark-gray;
+      background-color: $darken-1;
+    }
+  }
+  .active {
+    background-color: $darken-2;
+  }
+}
+
+// Bordered treatment - For vertical layouts only
+.nav-borders {
+  border-style: solid;
+  border-width: 1px;
+  border-color: $border-color;
+  & > a {
+    border-top-style: solid;
+    border-top-width: 1px;
+    border-top-color: $border-color;
+    &:first-child {
+      border-top: 0;
+    }
+  }
+  .active {
+    color: $dark-gray;
+  }
+}
+
+// Pills
+.nav-pills {
+  & > a {
+    border-radius: $border-radius;
+    &:hover,
+    &:focus {
+      background-color: rgba($blue,.125);
+    }
+  }
+  .active {
+    color: white;
+    background-color: $blue;
+    &:hover,
+    &:focus {
+      background-color: darken($blue,10%);
+    }
+  }
+}
+
+// Segmented control styles - For horizontal layouts only
+.nav-segments {
+  box-shadow: inset 0 0 0 1px $blue;
+  border-radius: $border-radius;
+  & > a {
+    border-right: 1px solid $blue;
+    border-bottom: 1px solid $blue;
+    &:hover,
+    &:focus {
+      background-color: rgba($blue,.125);
+    }
+    &:first-child {
+      border-radius: $border-radius 0 0 $border-radius;
+    }
+    &:last-child {
+      border-right: 0;
+      border-radius: 0 $border-radius $border-radius 0;
+    }
+  }
+  .active {
+    color: white;
+    background-color: $blue;
+    &:hover,
+    &:focus {
+      background-color: darken($blue,10%);
+    }
+  }
+  .disabled {
+    color: rgba($dark-gray,.5);
+    &:hover,
+    &:focus {
+      color: rgba($dark-gray,.5);
+      background-color: transparent;
+    }
+  }
+}
+
+// Tabs - For horizontal layout only
+.nav-tabs {
+  & > a {
+    border-radius: $border-radius $border-radius 0 0;
+    border-bottom: 1px solid $border-color;
+    &:hover {
+      background-color: $darken-1;
+    }
+  }
+  .active {
+    background-color: white;
+    border: 1px solid $border-color;
+    border-bottom-color: transparent;
+  }
+}
+

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

@@ -0,0 +1,59 @@
+// Nav Component
+
+// Sets line height, display block, padding, and white-space nowrap
+.nav {
+  line-height: $ui-height;
+  & > a,
+  .nav-item {
+    display: block;
+    line-height: inherit;
+    white-space: nowrap;
+  }
+  & > a {
+    padding-right: $ui-padding;
+    padding-left: $ui-padding;
+  }
+}
+
+// Sets display table at all sizes
+.mobile-nav-table {
+  display: table;
+  & > a,
+  .nav-item {
+    display: table-cell;
+    vertical-align: middle;
+  }
+}
+
+// Sets display table above breakpoint
+@media (min-width: $breakpoint-mobile) {
+  .nav-table {
+    display: table;
+    & > a,
+    .nav-item {
+      display: table-cell;
+      vertical-align: middle;
+    }
+  }
+}
+
+// Extension to set all nav-table items equal width
+// Use with .full-width to span the full width of container
+.nav-table-fixed { table-layout: fixed; }
+
+// Extension to add padding to .nav-item
+.nav-item-px {
+  padding-right: $ui-padding;
+  padding-left: $ui-padding;
+}
+
+// Height extensions
+.nav-big   { line-height: $ui-height-big; }
+.nav-small { line-height: $ui-height-small; }
+
+// Extension to align with surrounding content
+.nav-flush {
+  margin-right: -$ui-padding;
+  margin-left:  -$ui-padding;
+}
+

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

@@ -0,0 +1,18 @@
+// Padding
+
+.p1  { padding: .5*$space; }
+.px1 { padding-right: .5*$space; padding-left: .5*$space; }
+.py1 { padding-top: .5*$space; padding-bottom: .5*$space; }
+
+.p2  { padding: $space; }
+.px2 { padding-right: $space; padding-left: $space; }
+.py2 { padding-top: $space; padding-bottom: $space; }
+
+.p3  { padding: 2*$space; }
+.px3 { padding-right: 2*$space; padding-left: 2*$space; }
+.py3 { padding-top: 2*$space; padding-bottom: 2*$space; }
+
+.p4  { padding: 4*$space; }
+.px4 { padding-right: 4*$space; padding-left: 4*$space; }
+.py4 { padding-top: 4*$space; padding-bottom: 4*$space; }
+

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

@@ -0,0 +1,22 @@
+// Positioning Utilities
+
+.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: 1; }
+.z2 { z-index: 2; }
+.z3 { z-index: 3; }
+.z4 { z-index: 4; }
+
+.absolute-center {
+  top: 0; right: 0; bottom: 0; left: 0;
+  margin: auto;
+  display: table;
+}
+

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

@@ -0,0 +1,10 @@
+// Reset
+
+body, button, input, select, textarea, pre { margin: 0; }
+h1, h2, h3, h4, h5, h6, p, dl, ol, ul {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+button, input, select, textarea { font-family: inherit; font-size: 100%; }
+article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }
+

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

@@ -0,0 +1,26 @@
+// Table object
+
+.mobile-table {
+  display: table;
+  width: 100%;
+}
+.mobile-table-cell {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+@media (min-width: $breakpoint-desktop){
+  .table {
+    display: table;
+    width: 100%;
+  }
+  .table-cell {
+    display: table-cell;
+    vertical-align: middle;
+  }
+}
+
+.table-fixed {
+  table-layout: fixed;
+}
+

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

@@ -0,0 +1,8 @@
+// Table Themes
+
+.table-light {
+  th, td {
+    border-bottom: 1px solid $border-color;
+  }
+}
+

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

@@ -0,0 +1,23 @@
+// Tables 
+
+.table-reset {
+  border-collapse: collapse;
+  border-spacing: 0;
+  max-width: 100%;
+  width: 100%;
+  th { text-align: left; }
+  th, td {
+    padding: $ui-padding;
+    line-height: inherit;
+  }
+  th { vertical-align: bottom; }
+  td { vertical-align: top; }
+}
+
+// Extension for smaller tables
+.table-small {
+  th, td {
+    padding: .25*$ui-padding $ui-padding;
+    line-height: $ui-height-small;
+  }
+}

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

@@ -0,0 +1,16 @@
+// Base thematic styles
+
+body {
+  color: $dark-gray;
+  background-color: #fff;
+}
+
+a {
+  color: $blue;
+  text-decoration: none;
+  &:hover {
+    color: darken($blue, 10%);
+    text-decoration: underline;
+  }
+}
+

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

@@ -0,0 +1,43 @@
+// Type
+
+body {
+  font-family: $font-family;
+  line-height: $line-height;
+  font-weight: 400;
+}
+
+h1, h2, h3, h4, h5, h6 { line-height: $line-height-heading; }
+
+// Base Type Scale
+h1, .h1 { font-size: $h1; }
+h2, .h2 { font-size: $h2; }
+h3, .h3 { font-size: $h3; }
+h4, .h4,
+p, dl, ol, ul  { font-size: $h4; }
+h5, .h5        { font-size: $h5; }
+h6, .h6, small { font-size: $h6; }
+
+// Responsive Type Scale
+@if ($responsive-type) {
+  @media screen and (min-width: $breakpoint-desktop) {
+    .h1 { font-size: $desktop-h1; }
+    .h2 { font-size: $desktop-h2; }
+    .h3 { font-size: $desktop-h3; }
+    .h4 { font-size: $desktop-h4; }
+    .h5 { font-size: $desktop-h5; }
+    .h6 { font-size: $desktop-h6; }
+  }
+}
+
+// Utilities
+.bold    { font-weight: bold; }
+.regular { font-weight: normal; }
+.italic  { font-style: italic; }
+.caps    { text-transform: uppercase; letter-spacing: .2em; }
+
+// Alignment
+.left-align   { text-align: left; }
+.center       { text-align: center; }
+.right-align  { text-align: right; }
+.justified    { text-align: justify; }
+

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

@@ -0,0 +1,30 @@
+// Layout Utilities
+
+.inline       { display: inline; }
+.block        { display: block; }
+.inline-block { display: inline-block; }
+
+.oh    { overflow: hidden; }
+.left  { float: left; }
+.right { float: right; }
+
+.clearfix {
+  &:before, &:after { content: " "; display: table; }
+  &:after { clear: both; }
+}
+
+.fit { max-width: 100%; }
+
+.full-width { width: 100%; }
+.half-width { width: 50%; }
+
+// Responsive states
+.mobile-show { display: none !important; }
+@media screen and (max-width: 48em) {
+  .mobile-show,
+  .mobile-block  { display: block !important; }
+  .mobile-block  { width: 100%; }
+  .mobile-hide   { display: none !important; }
+  .mobile-center { text-align: center; }
+}
+

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

@@ -0,0 +1,62 @@
+// Variables
+
+// Default whitespace unit
+$space: 1rem !default;
+
+// Typography
+$font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
+$line-height: 1.5 !default;
+$line-height-heading: 1.25 !default;
+
+// Type Scale
+$h1: 2rem !default;
+$h2: 1.5rem !default;
+$h3: 1.25rem !default;
+$h4: 1rem !default;
+$h5: .75rem !default;
+$h6: .75rem !default;
+
+// Responsive type scale
+$responsive-type: true !default;
+$desktop-h1: 4rem !default;
+$desktop-h2: 2rem !default;
+$desktop-h3: 1.5rem !default;
+$desktop-h4: 1.125rem !default;
+$desktop-h5: .875rem !default;
+$desktop-h6: .875rem !default;
+
+// Breakpoints
+$breakpoint-mobile: 32em !default;
+$breakpoint-desktop: 48em !default;
+
+// Heights for buttons, forms, nav, etc.
+$ui-height: 2.25rem !default;
+$ui-height-small: 1.75rem !default;
+$ui-height-big: 3rem !default;
+
+$ui-padding: .75*$space !default;
+
+// Grid
+$grid-max-width: 75rem !default;
+$grid-gutter: 2 * $space !default;
+
+// Theme
+$blue: #0096cc !default;
+$light-gray: #eee !default;
+$mid-gray: #777 !default;
+$dark-gray: #333 !default;
+
+$red: #f96010 !default;
+$green: #11e966 !default;
+$yellow: #ffdc00 !default;
+
+// Alpha blacks for UI elements
+$darken-1: rgba(#000,.125) !default;
+$darken-2: rgba(#000,.25) !default;
+$darken-3: rgba(#000,.375) !default;
+
+// Borders
+$border-color: #ccc !default;
+$border-width: 1px !default;
+$border-radius: .25rem !default;
+

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

@@ -0,0 +1,19 @@
+/*
+
+  BASSCSS Lite
+
+  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";
+

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

@@ -0,0 +1,43 @@
+/*
+
+  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 "positions";
+@import "tables";
+
+// Components
+@import "buttons";
+@import "grid";
+@import "table-object";
+@import "navs";
+
+
+// Thematic styles
+@import "theme";
+@import "colors";
+@import "borders";
+
+@import "form-themes";
+@import "table-themes";
+
+@import "button-themes";
+@import "nav-themes";
+

data/basscss-rails.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'basscss/rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "basscss-rails"
+  spec.version       = Basscss::Rails::VERSION
+  spec.authors       = ["John Otander"]
+  spec.email         = ["johnotander@gmail.com"]
+  spec.summary       = %q{Include BASSCSS in your Rails apps.}
+  spec.description   = %q{Include BASSCSS, a simple, responsive CSS toolkit based on OOCSS principles in your Rails apps.}
+  spec.homepage      = "https://github.com/johnotander/basscss-rails"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.6"
+  spec.add_development_dependency "rake"
+end

data/lib/basscss/rails.rb

@@ -0,0 +1,7 @@
+require "basscss/rails/version"
+require "basscss/rails/engine"
+
+module Basscss
+  module Rails
+  end
+end

data/lib/basscss/rails/engine.rb

@@ -0,0 +1,8 @@
+module Basscss
+  module Rails
+    if defined?(::Rails::Engine)
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/basscss/rails/version.rb

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

metadata

@@ -0,0 +1,105 @@
+--- !ruby/object:Gem::Specification
+name: basscss-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- John Otander
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-08-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Include BASSCSS, a simple, responsive CSS toolkit based on OOCSS principles
+  in your Rails apps.
+email:
+- johnotander@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/stylesheets/basscss/_borders.scss
+- app/assets/stylesheets/basscss/_button-themes.scss
+- app/assets/stylesheets/basscss/_buttons.scss
+- app/assets/stylesheets/basscss/_colors.scss
+- app/assets/stylesheets/basscss/_form-themes.scss
+- app/assets/stylesheets/basscss/_forms.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/_positions.scss
+- app/assets/stylesheets/basscss/_reset.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/basscss.scss
+- basscss-rails.gemspec
+- lib/basscss/rails.rb
+- lib/basscss/rails/engine.rb
+- lib/basscss/rails/version.rb
+homepage: https://github.com/johnotander/basscss-rails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Include BASSCSS in your Rails apps.
+test_files: []