ethosstyles 0.1.17 → 0.1.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 306c63d18c7b1334b308bbeba7742502ce2b03fa
-  data.tar.gz: e96cc05f81c2c995c7f5167d643a87a5fddc7373
+SHA256:
+  metadata.gz: 7bd25f8c2d80e526057e7aa16daa32e73c8703c8e2b5bfc8e3f14df1b55ee0b8
+  data.tar.gz: b662fa226dfbd71b9bdd8f62c3b4e4956185470a4e0cf2cebc7a9599ce50c1f0
 SHA512:
-  metadata.gz: 16602513d1f9952d375e589e58eb1cbaf8a3bfe20be800c44392249dbe9149aa6e4e04389eff98cda094af463e6fcd86d39123bc3e1658484a80d3dd87e4c97c
-  data.tar.gz: cd59e38c4fbdc652ddc5834a7ce21b174a4a7e5fdeb479c1d200dc30233401fc183510dd0adcb4580b15929c0f564134d29ac49e921e13be358804bc51bd6bef
+  metadata.gz: 736e70abd9bbc671ea24f3972736505557dbf0d844fe1fa6e924b93004b1a11cb9e5c17b194feb5f73dba1c11df264c4d8154e1999fb6fe4787c920aa151352e
+  data.tar.gz: 693affdb2461e85957c31c80aa64294f89d2d35ad26bb3e3a204df5df8b6b5c5ca231cd1591d0d45c9f2d63ec9345391f1518e7260c45cfd7ab542731755fa09

data/app/assets/stylesheets/components/_blurbs.scss

@@ -10,35 +10,37 @@
 // </div>
 //
 
+
+%blurb-icon {
+  background-color: $white;
+  border-radius: 10px;
+  display: block;
+  font-family: $font-icon-f5;
+  font-size: 18px;
+  font-weight: 900;
+  height: 15px;
+  left: -11px;
+  line-height: 17px;
+  position: absolute;
+  top: 15px;
+  width: 16px;
+}
+
 .rf-blurb {
   @extend %p;
 
   background-color: $prewhite;
-  border-radius: $border-radius;
+  border-radius: 0;
   padding: $list-padding;
   position: relative;
   width: 100%;
 
-  &:before {
-    background-color: $white;
-    border-radius: 10px;
-    content: '';
-    display: block;
-    font-family: $font-icon-f5;
-    font-size: 18px;
-    left: -11px;
-    line-height: 19px;
-    height: 18px;
-    position: absolute;
-    top: 14px;
-    width: 18px;
-  }
-
   p:last-child {
     margin-bottom: 0;
   }
 }
 
+
 //
 // BLURB TYPES
 //
@@ -49,8 +51,8 @@
   border-left: 4px solid $blue-bright;
 
   &:before {
-    color: $blue-bright;
-    content: "\f05a";
+    @extend %blurb-icon;
+    @extend %icon--info;
   }
 }
 
@@ -60,8 +62,8 @@
   border-left: 4px solid $green;
 
   &:before {
-    color: $green;
-    content: "\f058";
+    @extend %blurb-icon;
+    @extend %icon--success;
   }
 }
 
@@ -71,9 +73,8 @@
   border-left: 4px solid $gold;
 
   &:before {
-    color: $gold;
-    content: "\f071";
-    left: -12px;
+    @extend %blurb-icon;
+    @extend %icon--warning;
   }
 }
 
@@ -83,8 +84,8 @@
   border-left: 4px solid $red;
 
   &:before {
-    color: $red;
-    content: "\f06a";
+    @extend %blurb-icon;
+    @extend %icon--error;
   }
 }
 

data/app/assets/stylesheets/components/_buttons.scss

@@ -119,10 +119,11 @@ $btn-padding-x: $btn-padding-y * 1.8;
   // Warning icon
 
   &:before {
+
+    @extend %icon--warning;
+
     color: $white;
-    content: "\f071";
     display: inline-block;
-    font-family: $font-icon-f5;
     font-size: 1em;
     line-height: .6em;
     margin-right: 4px;

data/app/assets/stylesheets/components/_checks.scss

@@ -36,6 +36,7 @@
 .rf-check__label {
   display: inline-block;
   font-size: 14px;
+  font-weight: 400;
   line-height: 14px;
   text-indent: -22px;
 }
@@ -45,15 +46,16 @@
   border-radius: $border-radius;
   color: $blue-bright;
   display: inline-block;
-  font-family: FontAwesome;
-  font-size: 9px;
-  height: 14px;
-  line-height: 1.4em;
+  font-family: $font-icon-f5;
+  font-size: 11px;
+  font-weight: 900;
+  height: 18px;
+  line-height: 1.6em;
   margin-right: 8px;
   margin-top: -2px;
   text-align: center;
   text-indent: 0;
-  width: 14px;
+  width: 18px;
   vertical-align: middle;
 }
 

data/app/assets/stylesheets/components/_icons.scss

@@ -9,7 +9,7 @@
   font-family: $font-icon-f5;
   font-size: 1em;
   font-style: normal;
-  font-weight: normal;
+  font-weight: 900;
   line-height: 1em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -35,7 +35,6 @@
   color: $green;
   font-family: $font-icon-f5;
 }
-
 // 6 dots, 2 across
 
 .rf-icon--grip:after {
@@ -49,11 +48,6 @@
   }
 }
 
-.rf-icon--caret--right:after {
-  content: "\f0da";
-  font-family: $font-icon-f5;
-}
-
 .rf-icon--refresh:after {
   content: "\f021";
   font-family: $font-icon-f5;
@@ -121,6 +115,41 @@
   font-family: $font-icon-f5-b;
 }
 
+.rf-icon--caret--right:after {
+  content: "\f0da";
+  font-family: $font-icon-f5;
+}
+
+.rf-icon--caret--left:after {
+  content: "\f0d9";
+  font-family: $font-icon-f5;
+}
+
+.rf-icon--caret--up:after {
+  content: "\f0d8";
+  font-family: $font-icon-f5;
+}
+
+.rf-icon--caret--down:after {
+  content: "\f0d7";
+  font-family: $font-icon-f5;
+}
+
+.rf-icon--external:after {
+  content: "\f360";
+  font-family: $font-icon-f5;
+}
+
+.rf-icon--minus:after {
+  content: "\f068";
+  font-family: $font-icon-f5;
+}
+
+.rf-icon--plus:after {
+  content: "\f067";
+  font-family: $font-icon-f5;
+}
+
 
 //
 // MODAL
@@ -211,27 +240,41 @@
 //
 
 .rf-icon--loading {
-  background-image: url(../images/loader.svg);
-  background-size: 100% 100%;
+  -ms-transform: translateZ(0);
+  -webkit-animation: rf-spin 1.1s infinite linear;
+  -webkit-transform: translateZ(0);
+  animation: rf-spin 1.1s infinite linear;
+  border-radius: 50%;
+  border-bottom: 4px solid rgba(0,87,255, 0.2);
+  border-left: 4px solid $blue-bright;
+  border-right: 4px solid rgba(0,87,255, 0.2);
+  border-top: 4px solid rgba(0,87,255, 0.2);
   height: 30px;
+  position: relative;
+  text-indent: -9999em;
+  transform: translateZ(0);
   width: 30px;
 
   &.rf-icon--xlarge {
-    height: 50px;
-    width: 50px;
+    border-width: 10px;
+    height: 60px;
+    width: 60px;
   }
 
   &.rf-icon--large {
+    border-width: 6px;
     height: 38px;
     width: 38px;
   }
 
   &.rf-icon--small {
+    border-width: 4px;
     height: 20px;
     width: 20px;
   }
 
   &.rf-icon--xsmall {
+    border-width: 4px;
     height: 14px;
     width: 14px;
   }

data/app/assets/stylesheets/components/_links.scss

@@ -6,12 +6,16 @@
   color: $slate;
   cursor: pointer;
   font-size: 12px;
+  font-weight: 400;
   text-decoration: underline;
+  text-indent: 0;
+  white-space: nowrap;
 
   &:after {
     display: inline-block;
-    font-family: 'Glyphicons Halflings';
-    font-size: 9px;
+    font-family: $font-icon-f5;
+    font-size: 13px;
+    font-weight: 900;
     margin-left: 4px;
   }
 
@@ -25,25 +29,40 @@
 }
 
 .rf-infolink--external:after {
-  content: '\e164';
+  content: '\f35d';
+  font-size: 10px;
 }
 
 .rf-infolink--external:before {
   content: 'Open ';
 }
 
-.rf-infolink--trigger[aria-expanded='false']:before {
-  content: 'Expand';
+.rf-infolink--trigger[aria-expanded='false'] {
+  &:before {
+    content: 'Expand';
+  }
+  &:after {
+    content: '\002b';
+  }
 }
 
-.rf-infolink--trigger[aria-expanded='true']:before {
-  content: 'Hide';
+.rf-infolink--trigger[aria-expanded='true'] {
+  &:before {
+    content: 'Hide';
+  }
+  &:after {
+    content: '\2212';
+  }
 }
 
-.rf-infolink--trigger[aria-expanded='false']:after {
-  content: '\002b';
+.rf-infolink--refresh:after {
+  content: "\f2f1";
+  font-family: $font-icon-f5;
+  font-size: 10px;
 }
 
-.rf-infolink--trigger[aria-expanded='true']:after {
-  content: '\2212';
+.rf-infolink--noprefix {
+  &:before {
+    content: '' !important;
+  }
 }

data/app/assets/stylesheets/components/_modal.scss

@@ -1,37 +1,66 @@
+//
+// Modals
+//
+// Uses Bootstrap React modals
+//
+
+//
+// Hacks for Bootstrap
+// Because you can't add a class to specific elements
+//
+
 .rf-modal {
-  width: 100%;
-  max-width: 500px;
-  border-radius: $border-radius;
+  .modal-content {
+    border-width: 0;
+    box-shadow: none;
+    height: 100%;
+    width: 100%;
+  }
+
+  .modal-footer,
+  .modal-header {
+    border-width: 0;
+    padding: 0;
+  }
+}
+
+
+//
+// Modal
+//
+
+.rf-modal {
+  background-color: $white;
   border: $border-default;
-  box-shadow: none; // for Bootstrap
+  border-radius: $border-radius;
+  box-shadow: 0 0 50px $metal;
+  color: $slate;
+  font-size: 14px;
+  max-width: 500px;
   padding: 50px;
+  width: 100%;
 }
 
-.rf-modal__header {
-  padding: 0; // for Bootstrap
+.rf-modal__header,
+.rf-modal__footer {
   text-align: center;
-  border-bottom: 0px; // for Bootstrap
 }
 
 .rf-modal__header .rf-icon {
   margin-bottom: 16px;
 }
 
-.rf-modal__footer {
-  padding: 0; // for Bootstrap
-  border-top-width: 0px; // for Bootstrap
-  text-align: center;
-}
-
 .rf-modal__body {
-  padding: 30px 0;
   color: $slate;
   font-size: 14px;
   line-height: 20px;
+  padding: 30px 0;
 }
 
 
+//
 // Types
+//
 
 .rf-modal--info {
   .rf-modal__header .rf-icon {

data/app/assets/stylesheets/components/_panels.scss

@@ -16,7 +16,6 @@
 //
 
 .rf-panel {
-  margin-bottom: 0;
   background-color: white;
   border: $border-default;
   border-radius: 4px;

data/app/assets/stylesheets/components/_pills.scss

@@ -2,6 +2,16 @@
 // Pills
 //
 
+%rf-pill--neutral {
+  border-color: $blue-bright;
+  color: $blue-bright;
+}
+
+%rf-pill--minor {
+  border-color: $stormy;
+  color: $stormy;
+}
+
 .rf-pill {
   border-radius: 20px;
   border-style: solid;
@@ -35,7 +45,43 @@
   color: $green;
 }
 
+.rf-pill--warning {
+  border-color: $gold;
+  color: $gold;
+}
+
 .rf-pill--minor {
   border-color: $stormy;
   color: $stormy;
 }
+
+.rf-pill--met,
+%rf-pill--met {
+  @extend %rf-pill--neutral;
+
+  &:before {
+    content: "\e013";
+    font-family: $font-icon-g;
+    font-size: 8px;
+    margin-right: 2px;
+  }
+}
+
+.rf-pill--unmet,
+%rf-pill--unmet {
+  @extend %rf-pill--minor;
+
+  &:before {
+    content: "\e014";
+    font-family: $font-icon-g;
+    font-size: 8px;
+    margin-right: 2px;
+  }
+}
+
+// Solid pills
+
+.rf-pill--solid {
+  background-color: $prewhite;
+  border-color: $prewhite;
+}

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

@@ -1,12 +1,14 @@
 //
 // Colors
 // https://davidwalsh.name/sass-color-variables-dont-suck
+// Name That Color: http://chir.ag/projects/name-that-color/
 //
 
 $white: #ffffff;
 $black: #000000;
 
 $charcoal: #191919;
+$metal: #555555;
 $slate: #777777;
 $stormy: #c0c0c0;
 $mercury: #e8e8e8;
@@ -55,3 +57,33 @@ $font-icon-f5: "Font Awesome 5 Free"; // solid
 $font-icon-f5-r: "Font Awesome 5 Free Regular"; // regular
 $font-icon-f5-b: 'Font Awesome 5 Brands'; // brands
 $font-icon-g: "Glyphicons Halflings";
+
+
+// Icons
+%icon--info {
+  color: $blue-bright;
+  content: "\f05a";
+  font-family: $font-icon-f5;
+  font-weight: 900;
+}
+
+%icon--error {
+  color: $red;
+  content: "\f06a";
+  font-family: $font-icon-f5;
+  font-weight: 900;
+}
+
+%icon--warning {
+  color: $gold;
+  content: "\f071";
+  font-family: $font-icon-f5;
+  font-weight: 900;
+}
+
+%icon--success {
+  color: $green;
+  content: "\f058";
+  font-family: $font-icon-f5;
+  font-weight: 900;
+}

data/app/assets/stylesheets/utilities/_animations.scss

@@ -11,3 +11,25 @@
     transform: rotate(360deg);
   }
 }
+
+@-webkit-keyframes rf-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes rf-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}

data/app/assets/stylesheets/utilities/_mixins.scss

@@ -61,15 +61,11 @@
 @mixin trigger_arrow ( $display: block, $arrow-pos: $list-padding ) {
   &[aria-expanded='false']:after,
   &[aria-expanded='true']:after {
-    color: inherit;
-    font-family: 'octicons';
+    font-family: $font-icon-f5;
     font-size: 14px;
+    font-weight: 900;
     vertical-align: middle;
 
-    @include hocus() {
-      color: inherit;
-    }
-
     @if ($display==block) {
       display: block;
       position: absolute;
@@ -86,14 +82,15 @@
   }
 
   &[aria-expanded='false']:after {
-    content: '\f05a'; // triangle right
+    content: '\f0da'; // triangle right
   }
 
   &[aria-expanded='true']:after {
-    content: '\f05b'; // triangle down
+    content: '\f0d7'; // triangle down
   }
 }
 
+
 //
 // INPUT HANDLE
 // Used for toggles and ranges
@@ -129,6 +126,7 @@
     color: inherit;
     font-family: $font-icon-f5;
     font-size: 14px;
+    font-weight: 900;
     vertical-align: middle;
     height: $arrow-height;
     width: $arrow-width;
@@ -142,12 +140,12 @@
     }
   }
 
-  &[aria-expanded='false']:after {
-    content: "\f0da"; // triangle right
+    &[aria-expanded='false']:after {
+    content: '\f0da'; // triangle right
   }
 
   &[aria-expanded='true']:after {
-    content: "\f0d7"; // triangle down
+    content: '\f0d7'; // triangle down
   }
 }
 

data/app/views/checkbox.php

@@ -0,0 +1,6 @@
+<div class="rf-check">
+  <label class="rf-check__container">
+    <input class="rf-check__input" type="checkbox" name="name" id="id" value="true" checked="checked">
+    <span class="rf-check__label">Checkbox Label</span>
+  </label>
+</div>

data/app/views/index.php

@@ -29,6 +29,9 @@
 <div class="rf-container">
   <h2>Table of Contents</h2>
   <ul>
+    <li><a href="#pills">Pills</a></li>
+    <li><a href="#links">Links</a></li>
+    <li><a href="#checkbox">Checkboxes</a></li>
     <li><a href="#avatars">Avatars</a></li>
     <li><a href="#icons">Icons</a></li>
     <li><a href="#modals">Modals</a></li>
@@ -44,6 +47,21 @@
     <li><a href="#panels">Panels</a></li>
   </ul>
 
+  <section class="rf-section">
+    <h2 id="pills">Pills</h2>
+    <?php include "pills.php" ?>
+  </section>
+
+  <section class="rf-section">
+    <h2 id="links">Links</h2>
+    <?php include "links.php" ?>
+  </section>
+
+  <section class="rf-section">
+    <h2 id="checkbox">Checkboxes</h2>
+    <?php include "checkbox.php" ?>
+  </section>
+
   <section class="rf-section">
     <h2 id="avatars">Avatars</h2>
     <?php include "avatars.php" ?>

data/app/views/links.php

@@ -0,0 +1,6 @@
+<a href="#" class="rf-infolink">Info Link</a>
+<a href="#" class="rf-infolink rf-infolink--external"> External Info Link </a>
+<a href="#" class="rf-infolink rf-infolink--trigger" aria-expanded="false"> Info Link Trigger</a>
+<a href="#" class="rf-infolink rf-infolink--trigger" aria-expanded="true"> Info Link Trigger</a>
+<a href="#" class="rf-infolink rf-infolink--refresh"> Info Link Refresh</a>
+<a href="#" class="rf-infolink rf-infolink--noprefix">Info Link Without Prefix</a>

data/app/views/partial_avatars.php

@@ -6,7 +6,7 @@
     <?php if($avatar_nametag): ?>
       <div class="rf-avatar__nametag"> <?php echo $avatar_nametag?> </div>
     <?php endif; ?>
-    <img class="rf-avatar__img" src="https://git.corp.adobe.com/avatars/u/25754?" alt="krevat">
+    <img class="rf-avatar__img" src="http://placekitten.com/200/200" alt="krevat">
   </div>
   <div class="rf-avatar rf-avatar--small">
     <?php if($avatar_overlay): ?>
@@ -15,6 +15,6 @@
     <?php if($avatar_nametag): ?>
       <div class="rf-avatar__nametag"> <?php echo $avatar_nametag?> </div>
     <?php endif; ?>
-    <img class="rf-avatar__img" src="https://git.corp.adobe.com/avatars/u/25754?" alt="krevat">
+    <img class="rf-avatar__img" src="http://placekitten.com/200/200" alt="krevat">
   </div>
 </div>

data/app/views/pills.php

@@ -0,0 +1,10 @@
+<span class="rf-pill">Pill</span>
+<span class="rf-pill rf-pill--neutral">Neutral Pill</span>
+<span class="rf-pill rf-pill--neutral--secondary">Neutral Secondary Pill</span>
+<span class="rf-pill rf-pill--fail">Fail Pill</span>
+<span class="rf-pill rf-pill--success">Success Pill</span>
+<span class="rf-pill rf-pill--warning">Warning Pill</span>
+<span class="rf-pill rf-pill--minor">Minor Pill</span>
+<span class="rf-pill rf-pill--met">Met Pill</span>
+<span class="rf-pill rf-pill--unmet">Unmet Pill</span>
+<span class="rf-pill rf-pill--solid">Solid Pill</span>

data/lib/ethosstyles.rb

@@ -1,27 +1,6 @@
-# CodeKit needs relative paths
-dir = File.dirname(__FILE__)
-$LOAD_PATH.unshift dir unless $LOAD_PATH.include?(dir)
+require "sass"
 
-require "ethosstyles/generator"
-
-unless defined?(Sass)
-  require 'sass'
-end
+require "ethosstyles/engine"
 
 module Ethosstyles
-  if defined?(Rails) && defined?(Rails::Engine)
-    class Engine < ::Rails::Engine
-      require 'ethosstyles/engine'
-    end
-
-    module Rails
-      class Railtie < ::Rails::Railtie
-        rake_tasks do
-          load "tasks/install.rake"
-        end
-      end
-    end
-  else
-    Sass.load_paths << File.expand_path("../../app/assets/stylesheets", __FILE__)
-  end
 end

data/lib/ethosstyles/engine.rb

@@ -1,5 +1,4 @@
 module Ethosstyles
   class Engine < Rails::Engine
-    # auto wire
   end
 end

data/lib/ethosstyles/version.rb

@@ -1,3 +1,3 @@
 module Ethosstyles
-  VERSION = "0.1.17"
+  VERSION = "0.1.18"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ethosstyles
 version: !ruby/object:Gem::Version
-  version: 0.1.17
+  version: 0.1.18
 platform: ruby
 authors:
 - Ethos
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-12-14 00:00:00.000000000 Z
+date: 2018-12-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -51,7 +51,6 @@ files:
 - Makefile
 - README.md
 - Rakefile
-- app/assets/images/loader.svg
 - app/assets/stylesheets/_ethosstyles.scss
 - app/assets/stylesheets/components/_avatars.scss
 - app/assets/stylesheets/components/_base.scss
@@ -93,13 +92,13 @@ files:
 - app/assets/stylesheets/utilities/_utilities.scss
 - app/views/avatars.php
 - app/views/blurbs.php
-- app/views/buttons.html
 - app/views/buttons.php
-- app/views/favicon.ico
+- app/views/checkbox.php
 - app/views/forms.php
 - app/views/grid.php
 - app/views/icons.php
 - app/views/index.php
+- app/views/links.php
 - app/views/list-groups.php
 - app/views/logs.php
 - app/views/modal_partial.php
@@ -110,12 +109,12 @@ files:
 - app/views/partial_avatars.php
 - app/views/partial_icons.php
 - app/views/partial_tooltips.php
+- app/views/pills.php
 - app/views/tables.php
 - app/views/tooltips.php
 - ethosstyles.gemspec
 - lib/ethosstyles.rb
 - lib/ethosstyles/engine.rb
-- lib/ethosstyles/generator.rb
 - lib/ethosstyles/version.rb
 homepage: https://git.corp.adobe.com/adobe-platform/stardust
 licenses: []
@@ -136,7 +135,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: ethosstyles
-rubygems_version: 2.5.2.3
+rubygems_version: 2.7.2
 signing_key: 
 specification_version: 4
 summary: A design system for Ethos

data/app/assets/images/loader.svg

@@ -1,12 +0,0 @@
-<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-   width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
-<path fill="#0057ff" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
-  <animateTransform attributeType="xml"
-    attributeName="transform"
-    type="rotate"
-    from="0 25 25"
-    to="360 25 25"
-    dur="0.8s"
-    repeatCount="indefinite"/>
-  </path>
-</svg>

data/app/views/buttons.html

@@ -1,105 +0,0 @@
-<h1>BUTTON</h1>
-
-<section class="rf-section">
-
-  <h2>BUTTON TYPES</h2>
-
-  <a href="#" class="rf-btn rf-btn--primary">Primary</a>
-  <a href="#" class="rf-btn rf-btn--secondary">Secondary</a>
-  <a href="#" class="rf-btn rf-btn--link">Link</a>
-  <a href="#" class="rf-btn rf-btn--dropdown">Dropdown</a>
-  <a href="#" class="rf-btn rf-btn--warning">Warning</a>
-  <a href="#" class="rf-btn rf-btn--error">Error</a>
-</section>
-
-<section class="rf-section">
-
-  <h2>BUTTON SIZES</h2>
-
-  <a href="#" class="rf-btn rf-btn--small">Button</a>
-  <a href="#" class="rf-btn rf-btn--large">Button</a>
-  <br/><br/><br/>
-
-  <h3>Types + sizes </h3>
-
-  <a href="#" class="rf-btn rf-btn--primary rf-btn--large">Primary</a>
-  <a href="#" class="rf-btn rf-btn--warning rf-btn--large">Secondary</a>
-  <a href="#" class="rf-btn rf-btn--secondary rf-btn--large">Button</a>
-  <a href="#" class="rf-btn rf-btn--link rf-btn--large">Link</a>
-  <a href="#" class="rf-btn rf-btn--dropdown rf-btn--large">Dropdown</a>
-  <a href="#" class="rf-btn rf-btn--error rf-btn--large">Error</a>
-  <br/><br/><br/>
-
-  <a href="#" class="rf-btn rf-btn--primary rf-btn--small">Button</a>
-  <a href="#" class="rf-btn rf-btn--secondary rf-btn--small">Button</a>
-  <a href="#" class="rf-btn rf-btn--warning rf-btn--small">Button</a>
-  <a href="#" class="rf-btn rf-btn--link rf-btn--small">Link</a>
-  <a href="#" class="rf-btn rf-btn--dropdown rf-btn--small">Dropdown</a>
-  <a href="#" class="rf-btn rf-btn--error rf-btn--small">Error</a>
-</section>
-
-<section class="rf-section">
-  <h2>BUTTON HELPERS</h2>
-
-  <a href="#" class="rf-btn rf-btn--primary rf-btn--disabled">Disabled</a>
-  <a href="#" class="rf-btn rf-btn--primary rf-btn--errorhover">Error Hover</a>
-  <br/><br/><br/>
-
-  <div class="rf-sg--dark">
-    <a href="#" class="rf-btn rf-btn--secondary rf-btn--light">Button</a>
-    <a href="#" class="rf-btn rf-btn--secondary rf-btn--large rf-btn--light">Button</a>
-    <a href="#" class="rf-btn rf-btn--secondary rf-btn--small rf-btn--light">Button</a>
-    <a href="#" class="rf-btn rf-btn--dropdown rf-btn--light">Dropdown</a>
-  </div>
-  <br/><br/><br/>
-
-  <h3>Multiline buttons</h3>
-
-  <a href="#" class="rf-btn rf-btn--primary rf-btn--large rf-btn--multiline">
-    Primary
-    <small class="rf-btn__text">Extra line of text</small>
-  </a>
-  <a href="#" class="rf-btn rf-btn--secondary rf-btn--large">
-    Secondary
-  </a>
-</section>
-
-<section class="rf-section">
-
-  <h2>BUTTON GROUPINGS</h2>
-  <br/>
-  <h3>Button Group</h3>
-
-  <div class="rf-btn-group">
-    <a href="#" class="rf-btn rf-btn--primary rf-btn--large">Primary</a>
-    <a href="#" class="rf-btn rf-btn--warning rf-btn--large">Secondary</a>
-    <a href="#" class="rf-btn rf-btn--secondary rf-btn--large">Button</a>
-    <a href="#" class="rf-btn rf-btn--dropdown rf-btn--large">Dropdown</a>
-    <a href="#" class="rf-btn rf-btn--error rf-btn--large">Error</a>
-  </div>
-  <br/><br/><br/><br/>
-
-  <h3>Button Set</h3>
-  <div class="rf-col--2">
-    <div class="rf-btn-set">
-      <a href="#" class="rf-btn rf-btn--primary">Primary</a>
-      <a href="#" class="rf-btn rf-btn--secondary">Secondary</a>
-    </div>
-  </div>
-  <br/>
-  <div class="rf-col--8">
-    <div class="rf-btn-set">
-      <a href="#" class="rf-btn rf-btn--primary">Primary</a>
-      <a href="#" class="rf-btn rf-btn--secondary">Secondary</a>
-      <a href="#" class="rf-btn rf-btn--secondary">Secondary</a>
-    </div>
-  </div>
-  <br/>
-  <div class="rf-col--1">
-    <div class="rf-btn-set">
-      <a href="#" class="rf-btn rf-btn--primary">Primary</a>
-      <a href="#" class="rf-btn rf-btn--secondary">Secondary</a>
-      <a href="#" class="rf-btn rf-btn--secondary">Secondary</a>
-    </div>
-  </div>
-</section>

data/lib/ethosstyles/generator.rb

@@ -1,80 +0,0 @@
-require 'ethosstyles/version'
-require "fileutils"
-require 'thor'
-
-module Ethosstyles
-  class Generator < Thor
-    map ['-v', '--version'] => :version
-
-    desc 'install', 'Install Ethosstyles into your project'
-    method_options :path => :string, :force => :boolean
-    def install
-      if ethosstyles_files_already_exist? && !options[:force]
-        puts "Ethosstyles files already installed, doing nothing."
-      else
-        install_files
-        puts "Ethosstyles files installed to #{install_path}/"
-      end
-    end
-
-    desc 'update', 'Update Ethosstyles'
-    method_options :path => :string
-    def update
-      if ethosstyles_files_already_exist?
-        remove_ethosstyles_directory
-        install_files
-        puts "Ethosstyles files updated."
-      else
-        puts "No existing ethosstyles installation. Doing nothing."
-      end
-    end
-
-    desc 'version', 'Show Ethosstyles version'
-    def version
-      say "Ethosstyles #{Ethosstyles::VERSION}"
-    end
-
-    private
-
-    def ethosstyles_files_already_exist?
-      install_path.exist?
-    end
-
-    def install_path
-      @install_path ||= if options[:path]
-          Pathname.new(File.join(options[:path], 'ethosstyles'))
-        else
-          Pathname.new('ethosstyles')
-        end
-    end
-
-    def install_files
-      make_install_directory
-      copy_in_scss_files
-    end
-
-    def remove_ethosstyles_directory
-      FileUtils.rm_rf("ethosstyles")
-    end
-
-    def make_install_directory
-      FileUtils.mkdir_p(install_path)
-    end
-
-    def copy_in_scss_files
-      FileUtils.cp_r(all_stylesheets, install_path)
-    end
-
-    def all_stylesheets
-      Dir["#{stylesheets_directory}/*"]
-    end
-
-    def stylesheets_directory
-      File.join(top_level_directory, "app", "assets", "stylesheets")
-    end
-
-    def top_level_directory
-      File.dirname(File.dirname(File.dirname(__FILE__)))
-    end
-  end
-end