clrs 1.1.0 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 811d344ed09f748d0d1144382f2c5765493ad6a5
-  data.tar.gz: 8b3b6d2fe37c28a32452dcf7cbbe18d4ab553f53
+  metadata.gz: 2f2c1d47ea38aef87c6d12df22eda7eebb012461
+  data.tar.gz: 5c7606c305116d409c329157ceb872db551dfccc
 SHA512:
-  metadata.gz: ba89863d5d28b2997e3ea3ea35c1330bfff2cf9d24031418d857146f4d0ab2472b6d57e27cb8324be196f2b3eb65ac845b299b247ab185472d2c639cb48c80b6
-  data.tar.gz: 7610a24ba27ee1e138577373679626af35aa117e483ad33d842f779ef220f51c65a13c1907428a4287178a60d2a3510e9614a49bb28473967d62a2dfd2e2c74f
+  metadata.gz: 50039fefa8ff2ebaec360016782d89c3c6fa64bc7d6e3ba9c11bcfc864ce07423e7951828d36eeb04c5a09c9ee962af736caf1a3d377fb32c4bbc6195b3b80b9
+  data.tar.gz: e9d5ee9a9b507ca2695134766c1ced341c144dc814e7ad3e5a247549d0313618b1861aaa29a7a882488758a93db66bd6484269285c7dfe453d6fc147ff97009f

data/README.md

@@ -24,19 +24,33 @@ Or install it yourself as:
 $ gem install clrs
 ```
 
+##### Using Sass
+
 You will then need to require the stylesheet in your application.scss:
 
 ```scss
 @import "clrs";
 ```
 
+There's also a saturated color palette <http://mrmrs.io/colors-saturated/> which can be included instead:
+
+```scss
+@import "clrs-saturated";
+```
+
+##### Using CSS
+
 Or, in your application.css:
 
 ```css
 *= require clrs;
 ```
 
+Or, for the saturated color scheme:
 
+```css
+*= require clrs-saturated;
+```
 
 ## Usage
 
@@ -89,3 +103,5 @@ __NOTE:__ You must require the clrs stylesheet before other stylesheets using th
 3. Commit your changes (`git commit -am 'Add some feature'`)
 4. Push to the branch (`git push origin my-new-feature`)
 5. Create new Pull Request
+
+More documentation on clrs.cc available at <https://github.com/mrmrs/colors>.

data/app/assets/stylesheets/clrs-saturated.scss

@@ -0,0 +1,141 @@
+/* Courtesy of http://mrmrs.io/colors-saturated/ by @mrmrs_ */
+
+// COLOR VARIABLES
+
+$navy:  #002B75;
+$blue:  #0050D4;
+$aqua:  #00D9F7;
+$teal:  #00A6A6;
+$olive: #00B562;
+$green: #00D942;
+$lime:  #B4D900;
+$yellow:  #EBCF00;
+$orange:  #EB7700;
+$red:     #EB0012;
+$maroon:  #790009;
+$fuchsia: #FF00C3;
+$purple:  #8D00FF;
+$white:  #fff;
+$silver: #777;
+$gray:   #333;
+$black:  #000;
+
+
+/*
+
+   SKINS
+   - Backgrounds
+   - Colors
+   - Border colors
+   - SVG fills
+   - SVG Strokes
+
+*/
+
+
+/* Backgrounds */
+
+.bg-navy {    background-color: $navy; }
+.bg-blue {    background-color: $blue; }
+.bg-aqua {    background-color: $aqua; }
+.bg-teal {    background-color: $teal; }
+.bg-olive {   background-color: $olive; }
+.bg-green {   background-color: $green; }
+.bg-lime {    background-color: $lime; }
+.bg-yellow {  background-color: $yellow; }
+.bg-orange {  background-color: $orange; }
+.bg-red {     background-color: $red; }
+.bg-fuchsia { background-color: $fuchsia; }
+.bg-purple {  background-color: $purple; }
+.bg-maroon {  background-color: $maroon; }
+.bg-white {   background-color: $white; }
+.bg-gray {    background-color: $gray; }
+.bg-silver {  background-color: $silver; }
+.bg-black {   background-color: $black; }
+
+
+/* Colors */
+
+.navy {       color: $navy; }
+.blue {       color: $blue; }
+.aqua {       color: $aqua; }
+.teal {       color: $teal; }
+.olive {      color: $olive; }
+.green {      color: $green; }
+.lime {       color: $lime; }
+.yellow {     color: $yellow; }
+.orange {     color: $orange; }
+.red {        color: $red; }
+.fuchsia {    color: $fuchsia; }
+.purple {     color: $purple; }
+.maroon {     color: $maroon; }
+.white {      color: $white; }
+.silver {     color: $silver; }
+.gray {       color: $gray; }
+.black {      color: $black; }
+
+
+/* Border colors 
+
+   Use with another border utility that sets border-width and style 
+   i.e .border { border-width: 1px; border-style: solid; }     
+*/
+
+.border--navy {    border-color: $navy; }
+.border--blue {    border-color: $blue; }
+.border--aqua {    border-color: $aqua; }
+.border--teal {    border-color: $teal; }
+.border--olive {   border-color: $olive; }
+.border--green {   border-color: $green; }
+.border--lime {    border-color: $lime; }
+.border--yellow {  border-color: $yellow; }
+.border--orange {  border-color: $orange; }
+.border--red {     border-color: $red; }
+.border--fuchsia { border-color: $fuchsia; }
+.border--purple {  border-color: $purple; }
+.border--maroon {  border-color: $maroon; }
+.border--white {   border-color: $white; }
+.border--gray {    border-color: $gray; }
+.border--silver {  border-color: $silver; }
+.border--black {   border-color: $black; }
+
+
+/* Fills for SVG */
+
+.fill-navy {    fill: $navy; }
+.fill-blue {    fill: $blue; }
+.fill-aqua {    fill: $aqua; }
+.fill-teal {    fill: $teal; }
+.fill-olive {   fill: $olive; }
+.fill-green {   fill: $green; }
+.fill-lime {    fill: $lime; }
+.fill-yellow {  fill: $yellow; }
+.fill-orange {  fill: $orange; }
+.fill-red {     fill: $red; }
+.fill-fuchsia { fill: $fuchsia; }
+.fill-purple {  fill: $purple; }
+.fill-maroon {  fill: $maroon; }
+.fill-white {   fill: $white; }
+.fill-gray {    fill: $gray; }
+.fill-silver {  fill: $silver; }
+.fill-black {   fill: $black; }
+
+/* Strokes for SVG */
+
+.stroke-navy {    stroke: $navy; }
+.stroke-blue {    stroke: $blue; }
+.stroke-aqua {    stroke: $aqua; }
+.stroke-teal {    stroke: $teal; }
+.stroke-olive {   stroke: $olive; }
+.stroke-green {   stroke: $green; }
+.stroke-lime {    stroke: $lime; }
+.stroke-yellow {  stroke: $yellow; }
+.stroke-orange {  stroke: $orange; }
+.stroke-red {     stroke: $red; }
+.stroke-fuchsia { stroke: $fuchsia; }
+.stroke-purple {  stroke: $purple; }
+.stroke-maroon {  stroke: $maroon; }
+.stroke-white {   stroke: $white; }
+.stroke-gray {    stroke: $gray; }
+.stroke-silver {  stroke: $silver; }
+.stroke-black {   stroke: $black; }

data/lib/clrs/version.rb

@@ -1,3 +1,3 @@
 module Clrs
-  VERSION = "1.1.0"
+  VERSION = "1.2.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: clrs
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.2.0
 platform: ruby
 authors:
 - John Otander
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-07-09 00:00:00.000000000 Z
+date: 2014-07-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -50,9 +50,11 @@ files:
 - LICENSE
 - README.md
 - Rakefile
+- app/assets/stylesheets/clrs-saturated.scss
 - app/assets/stylesheets/clrs.scss
 - clrs-0.0.2.gem
 - clrs-1.0.0.gem
+- clrs-1.1.0.gem
 - clrs.gemspec
 - lib/clrs.rb
 - lib/clrs/engine.rb