sass-color-extractor 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f0d7a1d0b0023ecf00e11112fadcf5a79878550e
-  data.tar.gz: 7393d7495e00d610f5ad8efef420b559f8c285d8
+  metadata.gz: 1d1e465ce36fb12a7cfcf89bfb95a5db10bbc94e
+  data.tar.gz: 4fe02dbea81341f2280dbbdedc189e9b65c8df94
 SHA512:
-  metadata.gz: b8bee20ab4e104178b2c273a62b3692d5196d7c43d4a5b5e6cff46d5697aa1f4dfd2c3544563b95301663c69e6a90905a9bd174ca6aa15127f04a38a29b996a9
-  data.tar.gz: cd71fcb862603055df3e144991cf6d29fafb6c8760eb772426ab7408ad8070227a2d18a3f6fee190f5b02453a164378190dd7622354006c2163f8f2debfef55f
+  metadata.gz: 7d68b4aecd2bff878c41b44750a6cfedb3e91a1d18237bccd221daabe8c414d735e88e1a43323b069cf287e870f64b2d087de81f170bd5fbb93f10d2f7c8cacf
+  data.tar.gz: b80976f53d9a90f848427f44e4054fb4c2d9303d750aca3934e64092473ba1dd72550376600e76e472a90c25d3448f2cd9c981482f3bd0f620d65b6b67a4a2a8

data/.ruby-version

@@ -0,0 +1 @@
+2.3.3

data/README.md

@@ -4,12 +4,15 @@ This dirt simple Gem uses the Sass ruby library to read your `colors.scss` file
 a list of color names and their actual colors which can be used to generate a nice color palette page in a
 Rails app.
 
+[![Gem Version](https://badge.fury.io/rb/sass-color-extractor.png)](http://badge.fury.io/rb/sass_color_extractor)
+[![Build Status](https://circleci.com/gh/rcode5/sass_color_extractor.svg?style=shield&circle-token=485f42e03b961bb2ac17e9ee814fe963bd58954c)]()
+
 ## Installation
 
 Add this line to your application's Gemfile:
 
 ```ruby
-gem 'sass_color_extractor'
+gem 'sass-color-extractor'
 ```
 
 And then execute:
@@ -18,10 +21,11 @@ And then execute:
 
 Or install it yourself as:
 
-    $ gem install sass_color_extractor
+    $ gem install sass-color-extractor
 
 ## Usage
 
+### Basic Usage
 You should extract your color variables into their own file (which you would then `@import` as necessary
 in your scss/sass files.  Once you have that, you can get a map of color names to their hex color like so:
 
@@ -53,6 +57,74 @@ You'd get a hash in ruby like this:
 }
 ```
 
+### Add Palette page to a Rails app
+
+To add a page in your Rails app that shows all the colors defined in the palette with their corresponding hex value,
+add a route, controller and view:
+
+```
+# config/routes.rb
+
+MyApp::Application.routes.draw do
+  ...
+  resource :palette, only: [:show]
+end
+```
+
+```
+# app/controllers/palettes_controller.rb
+class PalettesController < ApplicationController
+  def show
+    f = File.expand_path('app/assets/stylesheets/_colors.scss')
+    @colors = SassColorExtractor::Base.parse_colors(f)
+  end
+add
+```
+
+```
+# app/views/palettes/show.html.slim
+.palette-colors
+  - @colors.each do |name, hexval|
+    .palette-colors__color(style="background-color: ##{hexval}")
+      .palette-colors__color-info
+        .palette-colors__color-info__name = name
+        .palette-colors__color-info__hexval = "##{hexval}"
+```
+
+With a little CSS:
+```
+// app/assets/stylesheets/palette.scss
+.palette-colors {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: center;
+}
+.palette-colors__color {
+  border-radius: 4px;
+  border: 1px solid #ddd;
+  margin: 7px;
+  width: 120px;
+  height: 120px;
+  position: relative;
+}
+.palette-colors__color-info {
+  position: absolute;
+  bottom: 0px;
+  width: 100%;
+  padding: 4px;
+  text-align:center;
+  background-color: rgba(200,200,200,0.7);
+  font-size: 0.8rem;
+  border-radius: 4px;
+  color: #000;
+}
+```
+
+You should get a nice little palette.
+
+
+
+
 ## Contributing
 
 1. Fork it ( https://github.com/rcode5/sass_color_extractor/fork )

data/lib/sass_color_extractor/base.rb

@@ -1,3 +1,4 @@
+require 'byebug'
 module SassColorExtractor
   class Base
     DEFAULT_SYNTAX = :scss
@@ -12,7 +13,7 @@ module SassColorExtractor
     class << self
       private
       def guess_syntax(file)
-        guess = File.extname(file)[-1..1].to_sym
+        guess = File.extname(file)[1..-1].to_sym
         [:sass, :scss].include?(guess) ? guess : DEFAULT_SYNTAX
       end
     end

data/lib/sass_color_extractor/version.rb

@@ -1,3 +1,3 @@
 module SassColorExtractor
-  VERSION = "0.1.2"
+  VERSION = "0.1.3"
 end

data/sass_color_extractor.gemspec

@@ -23,4 +23,5 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency "bundler", "~> 1.7"
   spec.add_development_dependency "rake", "~> 10.0"
   spec.add_development_dependency "rspec", "~> 3.5"
+  spec.add_development_dependency "byebug", "~> 3.5"
 end

data/spec/spec_helper.rb

@@ -1,2 +1,2 @@
 require 'rspec'
-require_relative "../lib/sass_color_extractor.rb"
+require_relative "../lib/sass-color-extractor.rb"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass-color-extractor
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Mr Rogers
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-01-03 00:00:00.000000000 Z
+date: 2017-01-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -66,6 +66,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.5'
+- !ruby/object:Gem::Dependency
+  name: byebug
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.5'
 description: 
 email:
 - jon@rcode5.com
@@ -74,6 +88,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".gitignore"
+- ".ruby-version"
 - Gemfile
 - LICENSE.txt
 - README.md
@@ -108,7 +123,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: Extract colors from Sass/Scss in ruby - can be used to generate a nice palette