bitters 0.10.0 → 0.10.1

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    MDExM2E1YTc2ZWExMWVhOGIwNWFiNGQ5OGQ4OTdmYTg2MzM5MmE3OQ==
+    MmQ5YWRmNGQ3NDczNTlhMTEyOTIwZDQxNGRjYWRjZDRmZmE4MjM2OQ==
   data.tar.gz: !binary |-
-    NjlmNTFjNmYyOTdjNWNkYjcxOWI3MTM0OGUyYmVkNWJlMTdjZjI3NA==
+    NWM3YzM2M2QyZTNjNWZiYTFkMWFiZTI4NjM0NGE0OGJhNmVjNmZlMQ==
 SHA512:
   metadata.gz: !binary |-
-    ZmY4OGFkNDA3ZmIwYTllMWZiNzBlOWE3MzNjMTFmMGJhZTUyMTczZTE2MzNm
-    MDdiZjFkODFlNTMzZWFiYWI1YjViMGYxY2NlYmE3NGUxODZlY2ZjNDQyYjY3
-    ZmY2MGRkOThjNGFkODgzN2MzODA2ZmRmZWQwNjgxOGNiNDQ2NDY=
+    NjA1MDk0YTQ5MTc3NTYxYTdjY2Q3MTNiMDRmODkxMDY3NWNhMDQ4OGRkMjIz
+    Y2NiOWUwNGE1Nzk2ZTFlNTYxMjdhMGYxZjBlY2ZjNDFhYjhiMmQ4ZTk4MjA5
+    NjljNTk3ODhkM2Y0ZThmNmUzMWQwZDRiOTQ5NmJmNzA2YjQzNmM=
   data.tar.gz: !binary |-
-    NmQ0ZDlkZTIzZWI5NmYwY2RjOTQzNmFmYmQ0MTRjNWRiZWEzMTE5N2ViNzEz
-    ZjE4ZTcwOTEyYzkzODM1MDI3NmYzNDBiMGJiMGU2NzcwM2VkZTg0OTlmN2Nj
-    YjA5OWZhZDIxYTc2MTA4ODdkYTU4ZDVhNmEyODgxNzU5Mzc4ZWU=
+    Y2YyZmZiMDA3MTllZGEwNTc0ODNmOWJhNGQ0NTIxNmEyMjFlMzZhMTY4MjVk
+    MjQxMGYwMzRjNzBjZGJkY2Q3MDk0NTZjMWM4NmZjZTdmZDllMGRlNDMwNWNl
+    MzU0MjNlNGJjYjIxNmQ3YjJjNTA1MTNkZDQ4YzY3ODExM2VlY2Q=

data/.gitignore

@@ -1,6 +1,6 @@
+_site
 .DS_store
-.sass-cache/
-*.scssc
-/stylesheets/.sass-cache/
-pkg
+.sass-cache
+*gem
+*swp
 Gemfile.lock

data/{LICENSE → LICENSE.md}

@@ -5,7 +5,7 @@ The MIT License
 Copyright (c) 2014 thoughtbot, inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
+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
@@ -14,7 +14,7 @@ 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
+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

data/README.md

@@ -1,76 +1,95 @@
-Bitters
-===
-Scaffold styles, variables and structure for [Bourbon](http://bourbon.io) projects.
+# Bitters
 
-Bitters is meant to help designers start projects faster by defining a basic set of variables and project structure. After you have Bitters installed, jump in and start customizing the styles and variables to your design and brand requirements.
+[![Gem Version](http://img.shields.io/gem/v/bitters.svg?style=flat)](https://rubygems.org/gems/bitters)
 
-Bitters should live in your project's sass root folder and be **modified** and extended while you design your project.
+***
 
-Install Instructions
-===
-Install Bitters:
+## Scaffold styles, variables and structure for [Bourbon](http://bourbon.io) projects.
 
-```bash
-gem install bitters
-```
+Bitters helps designers start projects faster by defining a basic set of Sass variables, default element style and project structure. It’s been specifically designed for use within web applications. Bitters should live in your project’s root Sass directory and we *encourage* you to modify and extend it to meet your design and brand requirements.
 
-Install [Bourbon](https://github.com/thoughtbot/bourbon#install-for-rails-31) (required) and [Neat](https://github.com/thoughtbot/neat#install-instructions) (optional).
+Bitters is made to work alongside a CSS reset and not replace it. Our suggested reset is [Normalize](http://necolas.github.io/normalize.css).
 
-Then `cd` to your Sass directory and run:
+## Requirements
 
-```bash
-bitters install
-```
+- [Sass](https://github.com/sass/sass) 3.0+
+- [Bourbon](https://github.com/thoughtbot/bourbon) 2.0+
+- Ruby 1.9.3+ (required to install Bitters from the command line)
 
-A `base` directory will be generated which contains all of the Bitters files.
+## Installation
 
-Import Bitters after Bourbon in your `application.css.scss` or main manifest file. All additional stylesheets should be imported below Bitters.
+Bitters uses the [RubyGems](https://rubygems.org) package manager to easily generate a `base` directory with all of the necessary files.
 
-When using Neat, have the following line in `_base.scss` uncommented:
+For command line help, use `bitters help` or visit the [Command Line Interface Wiki](https://github.com/thoughtbot/bitters/wiki/Command-Line-Interface).
 
-```scss
-@import 'grid-settings';
-```
+1. Install the Bitters gem:
 
-If you are using Neat, import it after Bitters.
+  ```bash
+  gem install bitters
+  ```
 
-```scss
-@import 'bourbon';
-@import 'base/base';
-@import 'neat';
+  *If you use [rbenv](https://github.com/sstephenson/rbenv), be sure to run `rbenv rehash` without any errors.*
 
-// All other imports
-```
+2. Install [Bourbon](https://github.com/thoughtbot/bourbon#installation) (required) and [Neat](https://github.com/thoughtbot/neat#installation) (optional).
 
-If you want to use Neat functions in Bitters files you can `@import 'grid-settings';` before Neat, remove `@import 'grid-settings';` from `_base.scss` and import the rest of bitters after. eg:
+3. Install the Bitters library into the current directory:
 
-```scss
-@import 'bourbon';
-@import 'base/grid-settings';
-@import 'neat';
-@import 'base/base';
+  ```bash
+  bitters install
+  ```
 
-// All other imports
-```
-We suggest using [Normalize](http://necolas.github.io/normalize.css/) for a CSS reset with Bitters.
+  A `base` directory will be generated which contains all of the Bitters files.
 
-Getting Started
-===
+4. Import Bitters after Bourbon in your `application.css.scss` or main manifest file. All additional stylesheets should be imported below Bitters.
+
+  ```bash
+  @import "bourbon";
+  @import "base/base";
+  ```
+
+5. When using Neat, uncomment the following line in `_base.scss`:
+
+  ```scss
+  @import "grid-settings";
+  ```
+
+  And import Neat after Bitters:
+
+  ```scss
+  @import "bourbon";
+  @import "base/base";
+  @import "neat";
+
+  // All other imports
+  ```
+
+  If you want to use Neat functions in Bitters, you can `@import "grid-settings";` before Neat, remove `@import "grid-settings";` from `_base.scss` and import the rest of bitters after. For example:
+
+  ```scss
+  @import "bourbon";
+  @import "base/grid-settings";
+  @import "neat";
+  @import "base/base";
+
+  // All other imports
+  ```
+
+## Using Bitters
 
 ### Sass structure & default style
-The Bitters folder should contain styles for all the basic elements used throughout the project. It also contains folders for custom mixins and extends for your site as well. Add code to the existing files or add new files to the folders. Customize Bitters for your site as you see fit.
+The Bitters directory should contain styles for all the basic elements used throughout the project. It also contains directories for custom mixins and extends for your site as well. Add code to the existing files or add new files to the directories. Customize Bitters for your site as you see fit.
 
 ### Variables
-This houses all variables that are used, or will be used, in more than one file in your site. Variable names in Bitters that are used outside of the variables file start with $base to indicate that they are the most basic variables.
+This houses all variables that are used, or will be used, in more than one file in your site. Variable names in Bitters that are used outside of the variables file start with `$base` to indicate that they are the most basic variables.
 
 ### Grid settings
-Variables specifically created for Neat resets and breakpoints. To be used, these need to be imported separately from the rest of your base file above Neat in your main stylesheet. Otherwise just remove the file.
+Variables specifically created for [Neat](http://neat.bourbon.io) resets and breakpoints. To be used, these need to be imported separately from the rest of your base file above Neat in your main stylesheet. Otherwise just remove the file.
 
 ### Typography
 All type is based on `$base-font-size` which is set to 1em (16px) by default. The spacing around type is based on `$base-line-height` so as to keep a semi-baseline grid. All sizes are scaled up or down by a factor of `.25`.
 
 ### Lists
-All lists have stripped out styles. No bullets, no left padding. To add back the expected browser default styles add `@extend %default-ul;` or `@extend %default-ol;` to the `<ul>` or `<ol>` respectively..
+All lists have stripped out styles. No bullets, no left padding. To add back the expected browser default styles add `@extend %default-ul;` or `@extend %default-ol;` to the `<ul>` or `<ol>` respectively.
 
 ### Forms
 Adds basic styles all form elements. The variables at the top of the file all inherit from the variables file but make it really easy to be overridden.
@@ -79,21 +98,21 @@ Adds basic styles all form elements. The variables at the top of the file all in
 Basic style for `button` and `input[type="submit"]`. Button style can be changed by setting the `$button-style` variable to one of the [Bourbon](http://bourbon.io) button style [options](http://bourbon.io/docs/#buttons).
 
 ### Flashes
-Used for any error, warning or success messages in applications or forms. Specifically made for rails application notices.
+Used for any error, warning or success messages in applications or forms. Specifically made for [Ruby on Rails](http://rubyonrails.org) application notices.
+
+## The Bourbon family
 
-Requirements
-===
-- Sass 3.0+
-- Bourbon 2.0+
+- [Bourbon](http://bourbon.io): A simple and lightweight mixin library for Sass
+- [Neat](http://neat.bourbon.io): A lightweight semantic grid framework for Sass and Bourbon
+- [Bitters](http://bitters.bourbon.io): Scaffold styles, variables and structure for Bourbon projects
+- [Refills](http://refills.bourbon.io): Prepackaged patterns and components, built on top of Bourbon, Bitters & Neat
 
-Credits
-===
+## Credits
 
 ![thoughtbot](http://thoughtbot.com/images/tm/logo.png)
 
-Bitters is maintained and funded by [thoughtbot, inc](http://thoughtbot.com/community). Tweet your questions or suggestions at [@kylefiedler](https://twitter.com/kylefiedler).
+Bitters is maintained and funded by [thoughtbot, inc](http://thoughtbot.com). Tweet your questions or suggestions to [@bourbonsass](https://twitter.com/bourbonsass) and while you’re at it follow us too.
 
-License
-===
+## License
 
-Bitters is Copyright © 2014 thoughtbot. It is free software, and may be redistributed under the terms specified in the LICENSE file.
+Copyright © 2013–2014 [thoughtbot, inc](http://thoughtbot.com). Bitters is free software, and may be redistributed under the terms specified in the [license](LICENSE.md).

data/app/assets/stylesheets/_base.scss

@@ -1,24 +1,24 @@
-// Bitters v0.10.0
-// http://bitters.bourbon.io
+/* Bitters 0.10.0
+ * http://bitters.bourbon.io
+ * Copyright 2013–2014 thoughtbot, inc.
+ * MIT License */
 
 // Variables
-@import 'variables';
+@import "variables";
 
 // Neat Settings -- uncomment if using Neat -- must be imported before Neat
-// @import 'grid-settings';
-
-// Mixins
-@import 'mixins/flash';
+// @import "grid-settings";
 
 // Extends
-@import 'extends/button';
-@import 'extends/clearfix';
-@import 'extends/hide-text';
+@import "extends/button";
+@import "extends/clearfix";
+@import "extends/errors";
+@import "extends/flashes";
+@import "extends/hide-text";
 
 // Typography and Elements
-@import 'typography';
-@import 'forms';
-@import 'tables';
-@import 'lists';
-@import 'flashes';
-@import 'buttons';
+@import "typography";
+@import "forms";
+@import "tables";
+@import "lists";
+@import "buttons";

data/app/assets/stylesheets/_forms.scss

@@ -1,8 +1,8 @@
 fieldset {
   background: lighten($base-border-color, 10);
-  border: 1px solid $base-border-color;
-  margin: 0 0 ($base-line-height / 2) 0;
-  padding: $base-line-height;
+  border: $base-border;
+  margin: 0 0 ($base-spacing / 2) 0;
+  padding: $base-spacing;
 }
 
 input,
@@ -15,7 +15,7 @@ select {
 
 label {
   font-weight: bold;
-  margin-bottom: $base-line-height / 4;
+  margin-bottom: $base-spacing / 4;
 
   &.required:after {
     content: "*";
@@ -37,8 +37,8 @@ select[multiple=multiple] {
   box-shadow: $form-box-shadow;
   font-family: $form-font-family;
   font-size: $form-font-size;
-  margin-bottom: $base-line-height / 2;
-  padding: ($base-line-height / 3) ($base-line-height / 3);
+  margin-bottom: $base-spacing / 2;
+  padding: ($base-spacing / 3) ($base-spacing / 3);
   width: 100%;
 
   &:hover {
@@ -60,19 +60,19 @@ input[type="search"] {
   @include appearance(none);
 }
 
-input[type="checkbox"], input[type="radio"] {
+input[type="checkbox"],
+input[type="radio"] {
   display: inline;
-  margin-right: $base-line-height / 4;
+  margin-right: $base-spacing / 4;
 }
 
 input[type="file"] {
-  margin-bottom: $base-line-height / 2;
-  padding-bottom: ($base-line-height / 3);
+  padding-bottom: $base-spacing / 2;
   width: 100%;
 }
 
 select {
-  width: auto;
+  margin-bottom: $base-spacing;
   max-width: 100%;
-  margin-bottom: $base-line-height;
+  width: auto;
 }

data/app/assets/stylesheets/_grid-settings.scss

@@ -1,4 +1,4 @@
-@import 'neat-helpers'; // or '../neat/neat-helpers' when not in Rails
+@import "neat-helpers"; // or "../neat/neat-helpers" when not in Rails
 
 // Neat Overrides
 // $column: 90px;

data/app/assets/stylesheets/_lists.scss

@@ -1,27 +1,28 @@
-ul, ol {
+ul,
+ol {
   margin: 0;
   padding: 0;
   list-style-type: none;
 
   &%default-ul {
     list-style-type: disc;
-    margin-bottom: $base-line-height / 2;
-    padding-left: $base-line-height;
+    margin-bottom: $base-spacing / 2;
+    padding-left: $base-spacing;
   }
 
   &%default-ol {
     list-style-type: decimal;
-    margin-bottom: $base-line-height / 2;
-    padding-left: $base-line-height;
+    margin-bottom: $base-spacing / 2;
+    padding-left: $base-spacing;
   }
 }
 
 dl {
-  margin-bottom: $base-line-height / 2;
+  margin-bottom: $base-spacing / 2;
 
   dt {
     font-weight: bold;
-    margin-top: $base-line-height / 2;
+    margin-top: $base-spacing / 2;
   }
 
   dd {

data/app/assets/stylesheets/_tables.scss

@@ -1,22 +1,24 @@
 table {
   border-collapse: collapse;
-  margin: ($base-line-height / 2) 0;
+  margin: ($base-spacing / 2) 0;
   table-layout: fixed;
   width: 100%;
 }
 
 th {
-  border-bottom: 1px solid darken($base-border-color, 15%);
+  border-bottom: 1px solid darken($base-border-color, 15);
   font-weight: bold;
-  padding: ($base-line-height / 2) 0;
+  padding: ($base-spacing / 2) 0;
   text-align: left;
 }
 
 td {
-  border-bottom: 1px solid $base-border-color;
-  padding: ($base-line-height / 2) 0;
+  border-bottom: $base-border;
+  padding: ($base-spacing / 2) 0;
 }
 
-tr, td, th {
+tr,
+td,
+th {
   vertical-align: middle;
 }

data/app/assets/stylesheets/_typography.scss

@@ -4,10 +4,15 @@ body {
   color: $base-font-color;
   font-family: $base-font-family;
   font-size: $base-font-size;
-  line-height: $unitless-line-height;
+  line-height: $base-line-height;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-family: $header-font-family;
   line-height: $header-line-height;
   margin: 0;
@@ -15,31 +20,31 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-  font-size: $base-font-size * 2.25; // 16 * 2.25 = 36px
+  font-size: $h1-font-size;
 }
 
 h2 {
-  font-size: $base-font-size * 2; // 16 * 2 = 32px
+  font-size: $h2-font-size;
 }
 
 h3 {
-  font-size: $base-font-size * 1.75; // 16 * 1.75 = 28px
+  font-size: $h3-font-size;
 }
 
 h4 {
-  font-size: $base-font-size * 1.5; // 16 * 1.5 = 24px
+  font-size: $h4-font-size;
 }
 
 h5 {
-  font-size: $base-font-size * 1.25; // 16 * 1.25 = 20px
+  font-size: $h5-font-size;
 }
 
 h6 {
-  font-size: $base-font-size;
+  font-size: $h6-font-size;
 }
 
 p {
-  margin: 0 0 ($base-line-height * .5);
+  margin: 0 0 ($base-spacing / 2);
 }
 
 a {
@@ -58,14 +63,15 @@ a {
 }
 
 hr {
-  border-bottom: 1px solid $base-border-color;
+  border-bottom: $base-border;
   border-left: none;
   border-right: none;
   border-top: none;
-  margin: $base-line-height 0;
+  margin: $base-spacing 0;
 }
 
-img {
+img,
+picture {
   margin: 0;
   max-width: 100%;
 }
@@ -73,8 +79,8 @@ img {
 blockquote {
   border-left: 2px solid $base-border-color;
   color: lighten($base-font-color, 15);
-  margin: $base-line-height 0;
-  padding-left: $base-line-height / 2;
+  margin: $base-spacing 0;
+  padding-left: $base-spacing / 2;
 }
 
 cite {
@@ -82,6 +88,6 @@ cite {
   font-style: italic;
 
   &:before {
-    content: '\2014 \00A0';
+    content: "\2014 \00A0";
   }
 }

data/app/assets/stylesheets/_variables.scss

@@ -4,12 +4,23 @@ $serif: $georgia;
 $base-font-family: $sans-serif;
 $header-font-family: $base-font-family;
 
-// Sizes
+// Font Sizes
 $base-font-size: 1em;
-$base-line-height: $base-font-size * 1.5;
-$unitless-line-height: $base-line-height / ($base-line-height * 0 + 1); // Strip units from line-height: https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#Prefer_unitless_numbers_for_line-height_values
-$header-line-height: $base-font-size * 1.25;
-$base-border-radius: em(3);
+$h1-font-size: $base-font-size * 2.25;
+$h2-font-size: $base-font-size * 2;
+$h3-font-size: $base-font-size * 1.75;
+$h4-font-size: $base-font-size * 1.5;
+$h5-font-size: $base-font-size * 1.25;
+$h6-font-size: $base-font-size;
+
+// Line height
+$base-line-height: 1.5;
+$header-line-height: 1.25;
+
+// Other Sizes
+$base-border-radius: 3px;
+$base-spacing: $base-line-height * 1em;
+$base-z-index: 0;
 
 // Colors
 $blue: #477DCA;
@@ -33,21 +44,22 @@ $hover-link-color: darken($base-accent-color, 15);
 $base-button-color: $base-link-color;
 $hover-button-color: $hover-link-color;
 
-// Border color
-$base-border-color: $light-gray;
-
 // Flash Colors
 $alert-color: $light-yellow;
 $error-color: $light-red;
-$notice-color: $light-yellow;
+$notice-color: lighten($base-accent-color, 40);
 $success-color: $light-green;
 
+// Border color
+$base-border-color: $light-gray;
+$base-border: 1px solid $base-border-color;
+
 // Forms
 $form-border-color: $base-border-color;
 $form-border-color-hover: darken($base-border-color, 10);
 $form-border-color-focus: $base-accent-color;
 $form-border-radius: $base-border-radius;
-$form-box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
+$form-box-shadow: inset 0 1px 3px rgba(black,0.06);
 $form-box-shadow-focus: $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7);
 $form-font-size: $base-font-size;
 $form-font-family: $base-font-family;

data/app/assets/stylesheets/extends/_button.scss

@@ -7,11 +7,16 @@
   font-size: $base-font-size;
   font-weight: bold;
   line-height: 1;
-  padding: .75em 1em;
+  padding: 0.75em 1em;
   text-decoration: none;
 
   &:hover {
     background-color: $hover-button-color;
     color: white;
   }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
 }

data/app/assets/stylesheets/extends/_errors.scss

@@ -0,0 +1,11 @@
+%error {
+  color: darken($error-color, 60);
+}
+
+%warning {
+  color: darken($alert-color, 60);
+}
+
+%notice {
+  color: darken($notice-color, 60);
+}

data/app/assets/stylesheets/extends/_flashes.scss

@@ -0,0 +1,38 @@
+@mixin flash($color) {
+  background: $color;
+  color: darken($color, 60);
+
+  a {
+    color: darken($color, 70);
+
+    &:hover {
+      color: darken($color, 90);
+    }
+  }
+}
+
+%flash-base {
+  font-weight: bold;
+  margin-bottom: $base-spacing / 2;
+  padding: $base-spacing / 2;
+}
+
+%flash-alert {
+  @extend %flash-base;
+  @include flash($alert-color);
+}
+
+%flash-error {
+  @extend %flash-base;
+  @include flash($error-color);
+}
+
+%flash-notice {
+  @extend %flash-base;
+  @include flash($notice-color);
+}
+
+%flash-success {
+  @extend %flash-base;
+  @include flash($success-color);
+}

data/lib/bitters/version.rb

@@ -1,3 +1,3 @@
 module Bitters
-  VERSION = "0.10.0"
+  VERSION = "0.10.1"
 end

data/sache.json

@@ -0,0 +1,5 @@
+{
+  "name": "Bitters",
+  "description": "Scaffold styles, variables and structure for Bourbon projects",
+  "tags": ["structure", "variables", "forms", "buttons", "typography", "flashes"]
+}

data/spec/fixtures/application.scss

@@ -1,2 +1,2 @@
-@import 'bourbon';
-@import 'base/base';
+@import "bourbon";
+@import "base/base";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bitters
 version: !ruby/object:Gem::Version
-  version: 0.10.0
+  version: 0.10.1
 platform: ruby
 authors:
 - Kyle Fiedler
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-06-06 00:00:00.000000000 Z
+date: 2014-09-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -106,12 +106,11 @@ files:
 - .gitignore
 - CONTRIBUTING.md
 - Gemfile
-- LICENSE
+- LICENSE.md
 - README.md
 - Rakefile
 - app/assets/stylesheets/_base.scss
 - app/assets/stylesheets/_buttons.scss
-- app/assets/stylesheets/_flashes.scss
 - app/assets/stylesheets/_forms.scss
 - app/assets/stylesheets/_grid-settings.scss
 - app/assets/stylesheets/_lists.scss
@@ -120,13 +119,15 @@ files:
 - app/assets/stylesheets/_variables.scss
 - app/assets/stylesheets/extends/_button.scss
 - app/assets/stylesheets/extends/_clearfix.scss
+- app/assets/stylesheets/extends/_errors.scss
+- app/assets/stylesheets/extends/_flashes.scss
 - app/assets/stylesheets/extends/_hide-text.scss
-- app/assets/stylesheets/mixins/_flash.scss
 - bin/bitters
 - bitters.gemspec
 - lib/bitters.rb
 - lib/bitters/generator.rb
 - lib/bitters/version.rb
+- sache.json
 - spec/bitters_spec.rb
 - spec/fixtures/application.scss
 - spec/spec_helper.rb

data/app/assets/stylesheets/_flashes.scss

@@ -1,15 +0,0 @@
-%flash-alert {
-  @include flash($alert-color);
-}
-
-%flash-error {
-  @include flash($error-color);
-}
-
-%flash-notice {
-  @include flash($notice-color);
-}
-
-%flash-success {
-  @include flash($success-color);
-}

data/app/assets/stylesheets/mixins/_flash.scss

@@ -1,15 +0,0 @@
-@mixin flash($color) {
-  background: $color;
-  color: darken($color, 60);
-  font-weight: bold;
-  margin-bottom: $base-line-height / 2;
-  padding: $base-line-height / 2;
-
-  a {
-    color: darken($color, 70);
-
-    &:hover {
-      color: darken($color, 90);
-    }
-  }
-}