bones-rails 1.0.0 → 1.0.1

data/README.md

@@ -1,46 +1,67 @@
 # Bones for Rails
 
-Bones for Rails packages up the current build of Bones CSS Framework and inserts it into the asset pipeline to help streamline the design of your application.
+Bones for Rails packages the current build of [Bones CSS Framework](https://github.com/rocktreedesign/bones) 
+and inserts applicable portions of it into the asset pipeline to help streamline the 
+design of your application.
 
-## WARNING
+## Bones Documentation
 
-Please note that Bones is still undergoing a rewrite, and Bones for Rails follows right behind it. Bones will be documented after the rewrite is complete.
+A documentation website for Bones is in the works. For now, all documentation for the framework itself can be found 
+[here](https://github.com/rocktreedesign/bones/tree/master/docs).
 
 ## Getting Started
 
 Add this line to your application's Gemfile:
 
-    gem 'bones-rails'
+```ruby
+gem 'bones-rails'
+```
 
 Install using:
 
-    $ bundle install
+```bash
+$ bundle install
+```
 
 Or install it to your system:
 
-    $ gem install bones-rails
+```bash
+$ gem install bones-rails
+```
+
+> If you prefer to have more control over Bones, I'd suggest checking out the [SCSS method of installation](https://github.com/rocktreedesign/bones/blob/master/docs/getting-started/installation.md). This installation of Bones is optimized for use in Ruby on Rails projects.
 
 ## Usage
 
 We can add the necesasry files to the asset pipeline by running:
 
-    $ rails g bones:install
+```bash
+$ rails g bones:install
+```
+
+The installation generator performs a number of tasks you should be aware of:
+
+### 1. application.scss
 
-The installation generator performs two tasks:
+Bones requires that you use the `.scss` extension for your application stylesheet (your manifest file). If it detects anything other than `application.scss`, 
+it will change the filename to `application.scss`
 
-### 1. Manifest File
+Once we're sure `application.scss` exists, the generator adds the following line to the top of your `application.scss` file:
 
-It adds the following line to the top of your `application.scss` file:
+```scss
+@import 'bones/bones';
+```
 
-    @import 'bones';
+### 2. Controller
 
-Note: this requires your application stylesheet to use the sass file extension -- `.scss`.
+The controller (or manifest file) for Bones is `bones.scss`. This is where you configure which modules you'd like to load. First, we create a new directory: 
+`app/assets/stylesheets/bones`. Then we place the new configuration file into this directory: `app/assets/stylesheets/bones/bones.scss`.
 
-### 2. Configuration File
+### 3. Bones Configuration Files
 
-The generator also creates a file: `app/assets/stylesheets/bones_config.scss`. This file comes equipped with all the variables available in the Bones framework.
+Last, we add all the configuration files to a new directory: `app/assets/stylesheets/bones/bones-config`.
 
-This file is loaded from the Bones manifest file. Therefore, it must remain in the exact location with the same filename.
+In this directory is where you can configure Bones to your liking and see it change when you refresh your browser.
 
 ## Contributing
 

data/app/assets/stylesheets/bones/styles/_buttons.scss

@@ -37,63 +37,63 @@ input[type=submit], form > input[type=submit] {
 
 /* Size Factors
 ============================ */
-button.huge, a.button.huge {
+button.huge, a.button-huge {
   font-size: $button-sizeFactor-huge;
 }
 
-button.large, a.button.large {
+button.large, a.button-large {
   font-size: $button-sizeFactor-large;
 }
 
-button.small, a.button.small {
+button.small, a.button-small {
   font-size: $button-sizeFactor-small;
 }
 
 /* Colors
 ============================ */
-button.primary, a.button.primary {
+button.color-1, a.button-color-1 {
   @include button($color-light, $color-1, $color-1-dark, $color-1-darker);
 }
 
-button.accent-1, a.button.accent-1 {
+button.color-2, a.button-color-2 {
   @include button($color-light, $color-2, $color-2-dark, $color-2-darker);
 }
 
-button.accent-2, a.button.accent-2 {
+button.color-3, a.button-color-3 {
   @include button($color-light, $color-3, $color-3-dark, $color-3-darker);
 }
 
-button.accent-3, a.button.accent-3 {
+button.color-4, a.button-color-4 {
   @include button($color-light, $color-4, $color-4-dark, $color-4-darker);
 }
 
-button.accent-4, a.button.accent-4 {
+button.color-5, a.button-color-5 {
   @include button($color-light, $color-5, $color-5-dark, $color-5-darker);
 }
 
-button.dark, a.button.dark {
+button.dark, a.button-dark {
   @include button($color-light, $color-dark, $color-dark-light, $color-dark-lightest);
 }
 
-button.light, a.button.light {
+button.light, a.button-light {
   @include button($color-dark, $color-light-dark, $color-light-darker, $color-light-darkest);
 }
 
-button.success, a.button.success {
+button.success, a.button-success {
   @include button($color-light, $color-success, $color-success-dark, $color-success-darker);
 }
 
-button.notice, a.button.notice {
+button.notice, a.button-notice {
   @include button($color-light, $color-warning, $color-warning-dark, $color-warning-darker);
 }
 
-button.alert, a.button.alert {
+button.alert, a.button-alert {
   @include button($color-light, $color-danger, $color-danger-dark, $color-danger-darker);
 }
 
 /* Block-Level
 ============================ */
-button.block, a.button.block, input[type=submit].block, form > input[type=submit].block {
+button.block, a.button-block, input[type=submit].block, form > input[type=submit].block {
   @include button($button-default-color, $button-default-background, $button-default-background-hover, $button-default-background-active);
   display: block;
   width: 100%;
@@ -110,7 +110,7 @@ button, input[type=submit], form > input[type=submit] {
   }
 }
 
-a.button.disabled, .button.disabled {
+a.button.disabled, .button-disabled {
   @include button($color-dark-lightest, $color-dark-lighter, $color-dark-lighter, $color-dark-lighter);
   &:hover {
     cursor: default;

data/app/assets/stylesheets/bones/styles/_components.scss

@@ -2,6 +2,7 @@
 ============================ */
 @mixin notification($bg) {
   width: 100%;
+  box-sizing: border-box;
   padding: $component-notification-padding;
   margin: $component-notification-margin;  
   background: $bg;

data/lib/bones/rails/version.rb

@@ -1,3 +1,3 @@
 module Bones
-  VERSION = "1.0.0"
+  VERSION = "1.0.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bones-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.0.1
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-12-04 00:00:00.000000000 Z
+date: 2013-12-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -119,12 +119,18 @@ required_ruby_version: !ruby/object:Gem::Requirement
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
+      segments:
+      - 0
+      hash: -1986255092884219101
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
+      segments:
+      - 0
+      hash: -1986255092884219101
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.23