bitters-compass 0.9.5 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9108df917004d85821503f28f9f3839b79903be1
-  data.tar.gz: 8d84f186f71fa30fb1cd49e731b98d4d59b07156
+  metadata.gz: ef1fd081ae2df558d4050a2b6b6a03bb38dad10a
+  data.tar.gz: 326275109ea50bbde5898d20dc3940ee9ebd8a7f
 SHA512:
-  metadata.gz: 326d83d1a20155b15e0214b6dde47e2e2b31d56dd05a321fb7d7ea0255baf2cfbb245eba5029be0d9be5bf1571a3bc183acc5e7d4dd26711f6c294ebfaa09fcc
-  data.tar.gz: 9cfa4a1b622a0fcc8972d430658c3ff67fac5d416b30ecb090e96082ad9a609f2d164719d7ee4f36ebb424f7e373ce2510bf2c6e3ada436e66a098708939aaf0
+  metadata.gz: 3f05d05011e7121db5d7a37b95061180e192fb227889d654438dab10e517c5f537e1e51a2f20d71b81193062f874c2e05fe0bbf050ac5366b39876c34a88452f
+  data.tar.gz: d56d607158aeb76ba119530dcddcd9f8d9b45714aaa0029f434effeedb05844b877ffd55e3acd623b094fb1b13aea577d3e40b3ab3b978b90ae3dc8dbac042b2

data/stylesheets/base/_base.scss

@@ -0,0 +1,24 @@
+// Bitters v0.10.0
+// http://bitters.bourbon.io
+
+// Variables
+@import 'variables';
+
+// Neat Settings -- uncomment if using Neat -- must be imported before Neat
+// @import 'grid-settings';
+
+// Mixins
+@import 'mixins/flash';
+
+// Extends
+@import 'extends/button';
+@import 'extends/clearfix';
+@import 'extends/hide-text';
+
+// Typography and Elements
+@import 'typography';
+@import 'forms';
+@import 'tables';
+@import 'lists';
+@import 'flashes';
+@import 'buttons';

data/stylesheets/{bitters → base}/_buttons.scss

@@ -2,6 +2,7 @@ button,
 input[type="submit"] {
   @extend %button;
   @include appearance(none);
+  border: none;
   cursor: pointer;
   user-select: none;
   vertical-align: middle;

data/stylesheets/{bitters → base}/_flashes.scss

@@ -1,3 +1,7 @@
+%flash-alert {
+  @include flash($alert-color);
+}
+
 %flash-error {
   @include flash($error-color);
 }

data/stylesheets/{bitters → base}/_grid-settings.scss

@@ -1,12 +1,12 @@
+@import 'neat-helpers'; // or '../neat/neat-helpers' when not in Rails
+
 // Neat Overrides
-///////////////////////////////////////////////////////////////////////////////
 // $column: 90px;
 // $gutter: 30px;
 // $grid-columns: 12;
 // $max-width: em(1088);
 
 // Neat Breakpoints
-///////////////////////////////////////////////////////////////////////////////
 $medium-screen: em(640);
 $large-screen: em(860);
 

data/stylesheets/{bitters → base}/_lists.scss

@@ -17,7 +17,6 @@ ul, ol {
 }
 
 dl {
-  line-height: $base-line-height;
   margin-bottom: $base-line-height / 2;
 
   dt {

data/stylesheets/{bitters → base}/_typography.scss

@@ -1,14 +1,15 @@
 body {
+  -webkit-font-smoothing: antialiased;
+  background-color: $base-background-color;
   color: $base-font-color;
   font-family: $base-font-family;
   font-size: $base-font-size;
-  -webkit-font-smoothing: antialiased;
-  line-height: $base-line-height;
+  line-height: $unitless-line-height;
 }
 
 h1, h2, h3, h4, h5, h6 {
   font-family: $header-font-family;
-  line-height: 1.25em;
+  line-height: $header-line-height;
   margin: 0;
   text-rendering: optimizeLegibility; // Fix the character spacing for headings
 }
@@ -42,9 +43,9 @@ p {
 }
 
 a {
+  @include transition(color 0.1s linear);
   color: $base-link-color;
   text-decoration: none;
-  @include transition(color 0.1s linear);
 
   &:hover {
     color: $hover-link-color;
@@ -69,24 +70,6 @@ img {
   max-width: 100%;
 }
 
-abbr, acronym {
-  border-bottom: 1px dotted $base-border-color;
-  cursor: help;
-}
-
-address {
-  display: block;
-  margin: 0 0 ($base-line-height / 2);
-}
-
-hgroup {
-  margin-bottom: $base-line-height / 2;
-}
-
-del {
-  color: lighten($base-font-color, 15);
-}
-
 blockquote {
   border-left: 2px solid $base-border-color;
   color: lighten($base-font-color, 15);

data/stylesheets/{bitters → base}/_variables.scss

@@ -1,20 +1,17 @@
 // Typography
-///////////////////////////////////////////////////////////////////////////////
 $sans-serif: $helvetica;
 $serif: $georgia;
-
 $base-font-family: $sans-serif;
 $header-font-family: $base-font-family;
 
 // 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);
 
 // Colors
-///////////////////////////////////////////////////////////////////////////////
-
 $blue: #477DCA;
 $dark-gray: #333;
 $medium-gray: #999;
@@ -23,21 +20,24 @@ $light-red: #FBE3E4;
 $light-yellow: #FFF6BF;
 $light-green: #E6EFC2;
 
-// Body Color
-$base-body-color: white;
+// Background Color
+$base-background-color: white;
 
-//  Font Colors
+// Font Colors
 $base-font-color: $dark-gray;
 $base-accent-color: $blue;
 
-//  Text Link Colors
+// Link Colors
 $base-link-color: $base-accent-color;
 $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;
 $success-color: $light-green;
@@ -51,6 +51,3 @@ $form-box-shadow: inset 0 1px 3px rgba(0,0,0,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;
-
-// Buttons
-$button-style: simple;

data/stylesheets/base/extends/_button.scss

@@ -0,0 +1,17 @@
+%button {
+  -webkit-font-smoothing: antialiased;
+  background-color: $base-button-color;
+  border-radius: $base-border-radius;
+  color: white;
+  display: inline-block;
+  font-size: $base-font-size;
+  font-weight: bold;
+  line-height: 1;
+  padding: .75em 1em;
+  text-decoration: none;
+
+  &:hover {
+    background-color: $hover-button-color;
+    color: white;
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bitters-compass
 version: !ruby/object:Gem::Version
-  version: 0.9.5
+  version: 0.10.0
 platform: ruby
 authors:
 - Jed Foster
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-05-22 00:00:00.000000000 Z
+date: 2014-06-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
@@ -73,22 +73,19 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/bitters-compass.rb
-- stylesheets/bitters/_bitters.scss
-- stylesheets/bitters/_buttons.scss
-- stylesheets/bitters/_flashes.scss
-- stylesheets/bitters/_forms.scss
-- stylesheets/bitters/_grid-settings.scss
-- stylesheets/bitters/_lists.scss
-- stylesheets/bitters/_tables.scss
-- stylesheets/bitters/_typography.scss
-- stylesheets/bitters/_variables.scss
-- stylesheets/bitters/extends/_button.scss
-- stylesheets/bitters/extends/_clearfix.scss
-- stylesheets/bitters/extends/_ellipsis.scss
-- stylesheets/bitters/extends/_extends.scss
-- stylesheets/bitters/extends/_hide-text.scss
-- stylesheets/bitters/mixins/_flash.scss
-- stylesheets/bitters/mixins/_mixins.scss
+- stylesheets/base/_base.scss
+- stylesheets/base/_buttons.scss
+- stylesheets/base/_flashes.scss
+- stylesheets/base/_forms.scss
+- stylesheets/base/_grid-settings.scss
+- stylesheets/base/_lists.scss
+- stylesheets/base/_tables.scss
+- stylesheets/base/_typography.scss
+- stylesheets/base/_variables.scss
+- stylesheets/base/extends/_button.scss
+- stylesheets/base/extends/_clearfix.scss
+- stylesheets/base/extends/_hide-text.scss
+- stylesheets/base/mixins/_flash.scss
 homepage: https://github.com/jedfoster/bitters-compass
 licenses: []
 metadata: {}

data/stylesheets/bitters/_bitters.scss

@@ -1,16 +0,0 @@
-// Neat Settings -- uncomment if using Neat
-///////////////////////////////////////////////////////////////////////////////
-// @import 'neat-helpers'; // or '../neat/neat-helpers' when not in Rails
-// @import 'grid-settings';
-
-
-// Bitters
-///////////////////////////////////////////////////////////////////////////////
-@import 'variables';
-@import 'extends/extends';
-@import 'mixins/mixins';
-@import 'typography';
-@import 'forms';
-@import 'tables';
-@import 'lists';
-@import 'flashes';

data/stylesheets/bitters/extends/_button.scss

@@ -1,7 +0,0 @@
-%button {
-  @include button($button-style, $base-accent-color);
-  -webkit-font-smoothing: antialiased;
-  font-size: $base-font-size;
-  font-weight: bold;
-  line-height: 1em;
-}

data/stylesheets/bitters/extends/_ellipsis.scss

@@ -1,3 +0,0 @@
-%ellipsis {
-  @include ellipsis;
-}

data/stylesheets/bitters/extends/_extends.scss

@@ -1,4 +0,0 @@
-@import 'button';
-@import 'clearfix';
-@import 'ellipsis';
-@import 'hide-text';

data/stylesheets/bitters/mixins/_mixins.scss

@@ -1 +0,0 @@
-@import 'flash';