semantic-rainbow 0.0.2 → 0.0.3

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    YTYxNmMyZDU2NTJkYjczNDAwMmRlMmJjOTFjOGM4MGRiZTUzNzA0MQ==
+  data.tar.gz: !binary |-
+    M2ExMmYzMTUzZWYxNGI5ZDIzY2VmYmI5MDllMDk5NjQ0NTcyY2M4Ng==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    ZGU0YTg3ZTM3YmM2MTc3NzFhOTVhMWY3MWQ4Y2Y0NmM0MzJjYTI0MTI2Yjli
+    NGQ2OWZlZjE0ZjhmYzFmN2ViNTNhMDk3ZDQ3MGY1MDY2YmEyM2EyMTFmNjAx
+    ZDY3YWEzZGY1MTc5ZGE0ZTEyODA4MTNlMGQ5YzhjNTU2NjU3NTM=
+  data.tar.gz: !binary |-
+    M2QzMzJhYzFlMGJiMzE0NTg1NjI3NDczYzQzYWE2MDdkZjYwNTdlNGU3M2Nh
+    YjExZTY3NDY5ZjZiNTkzZTdkMGM3N2UxYjI1Zjg0YWY1Mzg1MzQ1OWJjNzc0
+    YTlhN2I2OWIzZTY3NmVhODRmYzMxZjRlZmRmZmU4YmJjMGVlMDg=

data/README.md

@@ -1,42 +1,66 @@
 Semantic Rainbow
 ================
-Semantic Rainbow is a gem that gives you SASS variables for the main HSL values.
+Semantic Rainbow is a gem that gives you easy-to-remember SASS variables for HSL values all around the colour wheel, and Pantone values.
 
-##### Main Colour Names: 
+## HSL
+
+For HSL, there are 360 degrees on the colour wheel. Every variable in Semantic Rainbow HSL is 10 degrees away from the previous value on the colour wheel. The main colours are 30 degrees apart from each other, with 
+colour-mixes filling in the gaps.
+
+### Colour Names: 
 
 The color names have been kept as simple and straight-forward as possible. 
 
-- Red
-- Orange
-- Yellow
-- Lime
-- Green
-- Mint
-- Cyan
-- Azure
-- Blue
-- Violet
-- Magenta 
-- Pink
+- Red `0 degrees`
+- Orange `30 degrees`
+- Yellow `60 degrees`
+- Lime `90 degrees`
+- Green `120 degrees`
+- Teal `150 degrees`
+- Cyan `180 degrees`
+- Azure `210 degrees`
+- Blue `240 degrees`
+- Violet `270 degrees`
+- Magenta `300 degrees`
+- Pink `330 degrees`
+
+To use any one of these solid colours, just use its' name as you would a SASS variable.
 
-For any one of the main color names just use `$red` or `$orange` in your SASS file.
+```scss
+color:        $violet;
+background:   $teal;
+```
 
-	color:				$red;
+For mixing these colours together and getting a *red-like orange* tone, or an *orange-like red*, use the format of `$red-orange` or `$orange-red` respectively.
 
-To get a *red-like orange* tone, or an *orange-like red*, use the format of `$red-orange` or `$orange-red` respectively.
+```scss
+color:        $orange-red;
+background:   $violet-magenta;
+```
 
-	color:				$orange-red;
+### Pantones
 
-Installing
-----------
+I'll be working my way through the Pantone Colour Bridge shortly.
+I plan to use a syntax like:
+
+```sass
+$pantone-250
+$pantone-5875
+$pantone-process-black
+```
+
+How to Install
+--------------
 
 If you're using Rails then just add `gem "semantic-rainbow"` to your gemfile, and then use the `bundle` command.
 
 Then in your SCSS file import the file:
-  
-  # app/assets/stylesheets/application.css.scss
-  @import "semantic-rainbow";
-  @import "other-file-that-will-use-it"
+
+```scss
+/* app/assets/stylesheets/application.css.scss */
+@import "semantic-rainbow";
+@import "other-file-that-will-use-it";
+```
 
 Creative Commons License
 ------------------------

data/app/assets/stylesheets/_semantic-rainbow.css.scss

@@ -0,0 +1,2 @@
+@import "semantic-rainbow/hsl";
+@import "semantic-rainbow/pantones";

data/app/assets/stylesheets/semantic-rainbow/_hsl.css.scss

@@ -0,0 +1,40 @@
+/*#####################
+#### HSL Variables ####
+#####################*/
+
+$red:             hsl(0, 100%, 50%);
+$red-orange:      hsl(10, 100%, 50%);
+$orange-red:      hsl(20, 100%, 50%);
+$orange:          hsl(30, 100%, 50%);
+$orange-yellow:   hsl(40, 100%, 50%);
+$yellow-orange:   hsl(50, 100%, 50%);
+$yellow:          hsl(60, 100%, 50%);
+$yellow-lime:     hsl(70, 100%, 50%);
+$lime-yellow:     hsl(80, 100%, 50%);
+$lime:            hsl(90, 100%, 50%);
+$lime-green:      hsl(100, 100%, 50%);
+$green-lime:      hsl(110, 100%, 50%);
+$green:           hsl(120, 100%, 50%);
+$green-teal:      hsl(130, 100%, 50%);
+$teal-green:      hsl(140, 100%, 50%);
+$teal:            hsl(150, 100%, 50%);
+$teal-cyan:       hsl(160, 100%, 50%);
+$cyan-teal:       hsl(170, 100%, 50%);
+$cyan:            hsl(180, 100%, 50%);
+$cyan-azure:      hsl(190, 100%, 50%);
+$azure-cyan:      hsl(200, 100%, 50%);
+$azure:           hsl(210, 100%, 50%);
+$azure-blue:      hsl(220, 100%, 50%);
+$blue-azure:      hsl(230, 100%, 50%);
+$blue:            hsl(240, 100%, 50%);
+$blue-violet:     hsl(250, 100%, 50%);
+$violet-blue:     hsl(260, 100%, 50%);
+$violet:          hsl(270, 100%, 50%);
+$violet-magenta:  hsl(280, 100%, 50%);
+$magenta-blue:    hsl(290, 100%, 50%);
+$magenta:         hsl(300, 100%, 50%);
+$magenta-pink:    hsl(310, 100%, 50%);
+$pink-magenta:    hsl(320, 100%, 50%);
+$pink:            hsl(330, 100%, 50%);
+$pink-red:        hsl(340, 100%, 50%);
+$red-pink:        hsl(350, 100%, 50%);

data/app/assets/stylesheets/semantic-rainbow/_pantones.css.scss

@@ -0,0 +1,36 @@
+/*#########################
+#### Pantone Variables ####
+#########################*/
+
+// Page 1
+$pantone-process-yellow:  rgb(255,229,43);
+$pantone-process-magenta: rgb(213,63,119);
+$pantone-process-cyan:    rgb(0,151,219);
+$pantone-process-black:   rgb(78,74,71);
+
+// Page 2
+$pantone-100:        rgb(254,243,128);
+$pantone-101:        rgb(255,241,102);
+$pantone-102:        rgb(255,236,45);
+$pantone-yellow:     rgb(255,232,0);
+$pantone-103:        rgb(180,159,41);
+$pantone-104:        rgb(155,141,57);
+$pantone-105:        rgb(125,117,71);
+
+// Page 3
+$pantone-7401:       rgb(254,229,165);
+$pantone-7402:       rgb(243,218,154);
+$pantone-7403:       rgb(244,207,129);
+$pantone-7404:       rgb(253,207,65);
+$pantone-7405:       rgb(230,177,14);
+$pantone-7406:       rgb(241,184,40);
+$pantone-7407:       rgb(204,163,110);
+
+// Page 4
+$pantone-106:        rgb(255,235,104);
+$pantone-107:        rgb(255,229,82);
+$pantone-108:        rgb(255,221,53);
+$pantone-109:        rgb(255,199,0);
+$pantone-110:        rgb(204,159,38);
+$pantone-111:        rgb(156,135,59);
+$pantone-112:        rgb(138,122,62);

data/lib/semantic-rainbow/engine.rb

@@ -0,0 +1,6 @@
+module Semantic
+  module Rainbow
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/semantic-rainbow/version.rb

@@ -0,0 +1,5 @@
+module Semantic
+  module Rainbow
+    VERSION = "0.0.3"
+  end
+end

data/lib/semantic-rainbow.rb

@@ -0,0 +1,6 @@
+module Semantic
+  module Rainbow
+    require "semantic-rainbow/engine"
+    require "semantic-rainbow/version"
+  end
+end

metadata

@@ -1,8 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: semantic-rainbow
 version: !ruby/object:Gem::Version
-  version: 0.0.2
-  prerelease: 
+  version: 0.0.3
 platform: ruby
 authors:
 - Brandon J McKay
@@ -14,7 +13,6 @@ dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
@@ -22,7 +20,6 @@ dependencies:
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
@@ -30,7 +27,6 @@ dependencies:
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -38,7 +34,6 @@ dependencies:
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -46,7 +41,6 @@ dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -54,7 +48,6 @@ dependencies:
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -62,7 +55,6 @@ dependencies:
 - !ruby/object:Gem::Dependency
   name: sass-rails
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -70,7 +62,6 @@ dependencies:
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -87,30 +78,36 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- app/assets/stylesheets/_semantic-rainbow.css.scss
+- app/assets/stylesheets/semantic-rainbow/_hsl.css.scss
+- app/assets/stylesheets/semantic-rainbow/_pantones.css.scss
+- lib/semantic-rainbow.rb
+- lib/semantic-rainbow/engine.rb
+- lib/semantic-rainbow/version.rb
+- semantic-rainbow-0.0.2.gem
 - semantic-rainbow.gemspec
 homepage: https://github.com/brandonjmckay/semantic-rainbow
 licenses:
 - MIT
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.23
+rubygems_version: 2.0.7
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: Simple SASS colour variables.
 test_files: []