bitters 0.9.0.beta.1 → 0.9.0.beta.2

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    bitters (0.9.0.beta.1)
+    bitters (0.9.0.beta.2)
       bourbon (>= 3.1)
       sass (>= 3.2)
       thor

data/app/assets/stylesheets/_forms.scss

@@ -1,7 +1,7 @@
 $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-accent-color;
+$form-border-radius: $base-border-radius;
 $form-box-shadow: inset 0 1px 3px hsla(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;

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

@@ -9,6 +9,6 @@
 
 // Neat Breakpoints
 ///////////////////////////////////////////////////////////////////////////////
-$small-screen: new-breakpoint(em(540) 2);
-$medium-screen: new-breakpoint(em(760) 4);
-$large-screen: new-breakpoint(em(920) 8);
+$small-screen: new-breakpoint(min-width em(540) 2);
+$medium-screen: new-breakpoint(min-width em(760) 4);
+$large-screen: new-breakpoint(min-width em(920) 8);

data/lib/bitters/version.rb

@@ -1,3 +1,3 @@
 module Bitters
-  VERSION = "0.9.0.beta.1"
+  VERSION = "0.9.0.beta.2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bitters
 version: !ruby/object:Gem::Version
-  version: 0.9.0.beta.1
+  version: 0.9.0.beta.2
   prerelease: 6
 platform: ruby
 authors:
@@ -106,8 +106,7 @@ files:
 - LICENSE
 - README.md
 - Rakefile
-- app/assets/stylesheets/_base.scss
-- app/assets/stylesheets/_extends.scss
+- app/assets/stylesheets/_bitters.scss
 - app/assets/stylesheets/_flashes.scss
 - app/assets/stylesheets/_forms.scss
 - app/assets/stylesheets/_grid-settings.scss
@@ -115,18 +114,10 @@ files:
 - app/assets/stylesheets/_tables.scss
 - app/assets/stylesheets/_typography.scss
 - app/assets/stylesheets/_variables.scss
+- app/assets/stylesheets/extends/_base.scss
+- app/assets/stylesheets/extends/_button.scss
 - bin/bitters
 - bitters.gemspec
-- bitters/_bitters.scss
-- bitters/_flashes.scss
-- bitters/_forms.scss
-- bitters/_grid-settings.scss
-- bitters/_lists.scss
-- bitters/_tables.scss
-- bitters/_typography.scss
-- bitters/_variables.scss
-- bitters/extends/_base.scss
-- bitters/extends/_button.scss
 - lib/bitters.rb
 - lib/bitters/generator.rb
 - lib/bitters/version.rb
@@ -145,7 +136,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2003497327531397522
+      hash: -2490988429958895787
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:

data/app/assets/stylesheets/_base.scss

@@ -1,7 +0,0 @@
-@import "variables";
-@import "extends";
-@import "typography";
-@import "forms";
-@import "tables";
-@import "lists";
-@import "flashes";

data/app/assets/stylesheets/_extends.scss

@@ -1,4 +0,0 @@
-%button {
-  @include button(simple, $base-accent-color);
-  font-size: $form-font-size;
-}

data/bitters/_flashes.scss

@@ -1,50 +0,0 @@
-/* Success, error & notice boxes for messages and errors. */
-%flash {
-  margin-bottom: $base-line-height / 2;
-  padding: $base-line-height / 2;
-  font-weight: bold;
-}
-
-.error, #flash_failure {
-  @extend %flash;
-  background: $error-color;
-  color: darken($error-color, 60);
-
-  a {
-    color: darken($error-color, 70);
-
-    &:hover {
-      color: darken($error-color, 90);
-    }
-  }
-}
-
-.notice, #flash_notice {
-  @extend %flash;
-  background: $notice-color;
-  color: darken($notice-color, 60);
-
-  a {
-    color: darken($notice-color, 70);
-
-    &:hover {
-      color: darken($notice-color, 90);
-    }
-  }
-}
-
-
-.success, #flash_success {
-  @extend %flash;
-  background: $success-color;
-  color: darken($success-color, 60);
-
-  a {
-    color: darken($success-color, 70);
-
-    &:hover {
-      color: darken($success-color, 90);
-    }
-  }
-}
-

data/bitters/_forms.scss

@@ -1,85 +0,0 @@
-$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 hsla(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;
-
-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;
-}
-
-input,
-label,
-select {
-  display: block;
-  font-family: $form-font-family;
-  font-size: $form-font-size;
-}
-
-label {
-  font-weight: bold;
-  margin-bottom: $base-line-height / 4;
-
-  &.required:after {
-    content: "*";
-  }
-
-  abbr {
-    display: none;
-  }
-}
-
-textarea,
-#{$all-text-inputs} {
-  @include box-sizing(border-box);
-  @include transition(border-color);
-  background-color: white;
-  border-radius: $form-border-radius;
-  border: 1px solid $form-border-color;
-  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);
-  width: 100%;
-
-  &:hover {
-    border-color: $form-border-color-hover;
-  }
-
-  &:focus {
-    border-color: $form-border-color-focus;
-    box-shadow: $form-box-shadow-focus;
-    outline: none;
-  }
-}
-
-input[type="search"] {
-  @include appearance(none);
-}
-
-input[type="checkbox"], input[type="radio"] {
-  display: inline;
-  margin-right: $base-line-height / 4;
-}
-
-select {
-  width: auto;
-  margin-bottom: $base-line-height;
-}
-
-button,
-input[type="submit"] {
-  @extend %button;
-  @include appearance(none);
-  cursor: pointer;
-  user-select: none;
-  vertical-align: middle;
-  white-space: nowrap;
-}

data/bitters/_grid-settings.scss

@@ -1,14 +0,0 @@
-@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
-///////////////////////////////////////////////////////////////////////////////
-$small-screen: new-breakpoint(min-width em(540) 2);
-$medium-screen: new-breakpoint(min-width em(760) 4);
-$large-screen: new-breakpoint(min-width em(920) 8);

data/bitters/_lists.scss

@@ -1,31 +0,0 @@
-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;
-  }
-
-  &%default-ol {
-    list-style-type: decimal;
-    margin-bottom: $base-line-height / 2;
-    padding-left: $base-line-height;
-  }
-}
-
-dl {
-  line-height: $base-line-height;
-  margin-bottom: $base-line-height / 2;
-
-  dt {
-    font-weight: bold;
-    margin-top: $base-line-height / 2;
-  }
-
-  dd {
-    margin: 0;
-  }
-}

data/bitters/_tables.scss

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

data/bitters/_typography.scss

@@ -1,103 +0,0 @@
-body {
-  color: $base-font-color;
-  font-family: $base-font-family;
-  font-size: $base-font-size;
-  -webkit-font-smoothing: antialiased;
-  line-height: $base-line-height;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  text-rendering: optimizeLegibility; // Fix the character spacing for headings
-  margin: 0;
-  line-height: 1.25em;
-}
-
-h1 {
-  font-size: $base-font-size * 2.25; // 16 * 2.25 = 36px
-}
-
-h2 {
-  font-size: $base-font-size * 2; // 16 * 2 = 32px
-}
-
-h3 {
-  font-size: $base-font-size * 1.75; // 16 * 1.75 = 28px
-}
-
-h4 {
-  font-size: $base-font-size * 1.5; // 16 * 1.5 = 24px
-}
-
-h5 {
-  font-size: $base-font-size * 1.25; // 16 * 1.25 = 20px
-}
-
-h6 {
-  font-size: $base-font-size;
-}
-
-p {
-  margin: 0 0 ($base-line-height * .5);
-}
-
-a {
-  color: $base-link-color;
-  text-decoration: none;
-  @include transition(color 0.1s linear);
-
-  &:hover {
-    color: $hover-link-color;
-  }
-
-  &:active, &:focus {
-    color: $hover-link-color;
-    outline: none;
-  }
-}
-
-hr {
-  border-bottom: 1px solid $base-border-color;
-  border-left: none;
-  border-right: none;
-  border-top: none;
-  margin: $base-line-height 0;
-}
-
-img {
-  margin: 0;
-  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);
-  margin: $base-line-height 0;
-  padding-left: $base-line-height / 2;
-}
-
-cite {
-  color: lighten($base-font-color, 25);
-  font-style: italic;
-
-  &:before {
-    content: '\2014 \00A0';
-  }
-}

data/bitters/_variables.scss

@@ -1,40 +0,0 @@
-// 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;
-$base-border-radius: em(3);
-
-// Colors
-///////////////////////////////////////////////////////////////////////////////
-
-$blue: #477DCA;
-$dark-gray: #333;
-$medium-gray: #999;
-$light-gray: #DDD;
-$light-red: #FBE3E4;
-$light-yellow: #FFF6BF;
-$light-green: #E6EFC2;
-
-//  Font Colors
-$base-font-color: $dark-gray;
-$base-accent-color: $blue;
-
-//  Text Link Colors
-$base-link-color: $base-accent-color;
-$hover-link-color: darken($base-accent-color, 15);
-
-// Border color
-$base-border-color: $light-gray;
-
-// Flash Colors
-$error-color: $light-red;
-$notice-color: $light-yellow;
-$success-color: $light-green;