evolve_styleguide 0.0.6 → 0.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 26e53fa1246d2dac1af155639e16a853e02510a4
-  data.tar.gz: 4115bf9d6d997fa99176de5bfc8fd2d33600180d
+  metadata.gz: ca2d3f783bcbf38330bde56526cc564da45cd559
+  data.tar.gz: c6524d57a4309e70fffe854d05b8926fd0ac2056
 SHA512:
-  metadata.gz: f5bd7730ffcfef7ed1202740c15dc157cd05bb2794b5c0b56ef7ab50dbde89637f46ae89ba385276407dab774bd520118c1f84dd8091e627cfa33ee2b2054424
-  data.tar.gz: edb56b35bcc1fa1932e59bd154d2d7669dcbf1a2ade17a3e9dac0139eabed94973a56b7099a211f56c51f71d4629132e00e4348f4be7f3a858d72bb16a3add2f
+  metadata.gz: 602f8ccdd4d972940b3f7d22f65c3d07670572583acbf7c13526000f5365443d2b1b10e17b6df4a3cd8f82091ad848bd36c2e1838ca3c82f8394cdff56b8157b
+  data.tar.gz: 4fd813f5fe69ed67ac5958a269f51d20bad62b640476c8a88d79f30a097cf23b19e13ce100a52c5b73556642d157f84e354169bceec41a64fae2214129ca083d

data/README.md

@@ -1,6 +1,6 @@
 # EvolveStyleguide
 
-TODO: Write a gem description
+A Gem to add Evolve's style guide to your Rails project!
 
 ## Installation
 
@@ -20,12 +20,14 @@ Or install it yourself as:
 
 ## Usage
 
-TODO: Write usage instructions here
+**SASS**
 
-## Contributing
+Add `@import "evolve_styleguide";` to your `application.css.scss` file.
 
-1. Fork it ( https://github.com/[my-github-username]/evolve_styleguide/fork )
-2. Create your feature branch (`git checkout -b my-new-feature`)
-3. Commit your changes (`git commit -am 'Add some feature'`)
-4. Push to the branch (`git push origin my-new-feature`)
-5. Create a new Pull Request
+**JS**
+
+Add `//= require evolve_styleguide` to your `application.js` file.
+
+**Images**
+
+Reference images like you normally would from the asset pipeline. Example: `image_path("evolve-icons.svg")`

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

@@ -10,9 +10,7 @@
   }
 }
 
-/*********************
-GRID WIDTH
-*********************/
+//** GRID WIDTH *********************/
 @mixin gridGen($colCount, $marginSize, $slug){
 
   @for $i from 1 through $colCount{
@@ -26,17 +24,13 @@ GRID WIDTH
 
 }
 
-/*********************
-CALC
-*********************/
+//** CALC *********************/
 @mixin calc($property, $expression) {
   #{$property}: calc(#{$expression});
   #{$property}: -webkit-calc(#{$expression});
 }
 
-/*********************
-FULLSCREEN
-*********************/
+//** FULLSCREEN *********************/
 @mixin absoluteFull($size){
   position: absolute;
   top: $size;
@@ -45,9 +39,7 @@ FULLSCREEN
   left: $size;
 }
 
-/*********************
-TRANSITION
-*********************/
+//** TRANSITION *********************/
 @mixin transition( $type: 'all', $duration: 0.15s, $ease: 'linear' ){
   -moz-transition: $type $duration $ease;
   -webkit-transition: $type $duration $ease;
@@ -55,9 +47,7 @@ TRANSITION
   transition: $type $duration $ease;
 }
 
-/*********************
-BORDER RADIUS
-*********************/
+//** BORDER RADIUS *********************/
 @mixin border-radius( $tl, $tr, $br, $bl ) {
   -moz-border-radius: $tl $tr $br $bl;
   -webkit-border-radius: $tl $tr $br $bl;
@@ -65,9 +55,7 @@ BORDER RADIUS
   border-radius: $tl $tr $br $bl;
 }
 
-/*********************
-BORDER RADIUS - Even
-*********************/
+//** ROUNDED *********************/
 @mixin rounded($radius){
   -moz-border-radius: $radius;
   -webkit-border-radius: $radius;
@@ -75,9 +63,7 @@ BORDER RADIUS - Even
   border-radius: $radius;
 }
 
-/*********************
-BOX SHADOW
-*********************/
+//** BOX SHADOW *********************/
 @mixin box-shadow( $xoffset: 0, $yoffset: 0, $spread: 0, $color: rgba(0,0,0,0.8) ) {
   -moz-box-shadow: $xoffset $yoffset $spread $color;
   -webkit-box-shadow: $xoffset $yoffset $spread $color;
@@ -85,9 +71,7 @@ BOX SHADOW
   box-shadow: $xoffset $yoffset $spread $color;
 }
 
-/*********************
-TRIANGLES
-*********************/
+//** PURE CSS TRIANGLES *********************/
 @mixin triangle ( $direction, $size, $color ) {
 
   width: 0;
@@ -120,9 +104,7 @@ TRIANGLES
   }
 }
 
-/*********************
-Background Size
-*********************/
+//** BACKGROUND SIZE *********************/
 @mixin background-size( $size: '100%' ) {
   -webkit-background-size: $size;
   -moz-background-size: $size;
@@ -130,18 +112,14 @@ Background Size
   background-size: $size;
 }
 
-/*********************
-Transform
-*********************/
+//** TRANSFORM *********************/
 @mixin transform( $transform: '' ){
   -webkit-transform: $transform;
   -ms-transform: $transform;
   transform: $transform;
 }
 
-/*********************
-CSS Gradient
-*********************/
+//** CSS GRADIENT *********************/
 //Prefixes definition
 $webkit:true;
 $o:true;
@@ -149,7 +127,6 @@ $moz:true;
 $w3:true;
 $ms:true;
 
-//Gradient Mixin
 @mixin gradient($mode,$direction,$from,$to,$oldDirection:null){
 
   @if $webkit == true {
@@ -172,9 +149,7 @@ $ms:true;
   }
 }
 
-/*********************
-KEYFRAMES
-*********************/
+//** KEYFRAMES *********************/
 @mixin keyframes($animation_name) {
   @-webkit-keyframes #{$animation-name} {
     @content;
@@ -189,9 +164,7 @@ KEYFRAMES
   }
 }
 
-/*********************
-ANIMATION
-*********************/
+//** ANIMATION *********************/
 @mixin animation($name, $duration, $ease, $delay) {
   -webkit-animation: $name $duration $ease $delay;
   -moz-animation: $name $duration $ease $delay;

data/lib/evolve_styleguide/version.rb

@@ -1,3 +1,3 @@
 module EvolveStyleguide
-  VERSION = "0.0.6"
+  VERSION = "0.0.7"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: evolve_styleguide
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.0.7
 platform: ruby
 authors:
 - Sam Brannon