sass-yaml 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    Y2ZjNmUzZWFjZjA3NGMzZGFiM2U0NDY2MDEyNmEyY2IzNmY0NTg3NQ==
+  data.tar.gz: !binary |-
+    YjRkZDY5MDQ3ZTA4MDliNDViNDJmYTY1YWZmMTY3ODI1ZTJlMmEwZg==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    MzBjOTczMDRjZWQ4MmYxOWRhZWRmNDhlZjIxNjBlMjczNzAyMmU4NzM2ZGNi
+    MzM3YTM5ZjE5NzQ2NWE2NjA3N2FlOGYxOTM1NTgyNjM2MmMzNDU0MzMxOGJj
+    OWU0OTcxZDdiMzgwNWJlNzY4OTZmYWUxZjQwN2YzZDY5ZjhhY2I=
+  data.tar.gz: !binary |-
+    ZmQ0ZjJhM2RhZWZiYjUwMWRiYmQ2MDY1YTQzMzcwNjc1NDlkNzIyNzI2MWEx
+    NGRkNzVjZTUxMjAwYzExYzkxNmViMTgzNWVhNmI3MGU1MWNmNmViMGE2YjBk
+    ZjEwZjdiMzdiYzY5MjhmMTBhZDJlOWM3OGYyN2RlNzkwZjEwZGI=

data/.gitignore

@@ -0,0 +1,5 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*
+.sass-cache/

data/README.md

@@ -0,0 +1,43 @@
+sass-yaml
+=========
+
+A gem that make easy access to Yaml from Sass
+
+## Purpose of this gem
+
+Creating a **styleguide** requires a great approach to design thinking and a rich frontend toolbox too.
+My experience brought me the need of having a framework that help me keep **consistent** the content and the css generated.
+
+I started using Yaml files to store static content for a static styleguide (a list of news, the range of typography weights, the range of colors ...).
+Following some principles of OOCSS I started created blocks of css strictly related to the content, or better, the meaning of that content.
+
+Keep alingned the CSS and the content became a great challenge to me.
+This is why I needed to create this gem and why I'm looking for help.
+
+### Installation
+
+    $ gem install sass-yaml
+
+### Use with the Sass command line
+
+    $ sass -r sass-yaml your_file.scss
+
+### Use with compass
+
+Add the following to your compass configuration:
+
+    require 'sass-yaml'
+
+## Example of Usage
+
+Imagine you want to create a Scale of Typography like this:
+http://erskinedesign.com/blog/setting-typographic-scale-with-sass-maps/
+
+After you have created your Sass you'll need an HTML to test this, right?
+Something like this:
+	
+	<div class="typo x-small">Typo X-SMALL</div>
+	<div class="typo small">Typo SMALL</div>
+	<div class="typo base">Typo BASE</div>
+	<div class="typo large">Typo LARGE</div>
+

data/config/config.yml

@@ -0,0 +1,12 @@
+variables:
+  typo-range: ['x-small', 'small', 'base', 'large']
+  x-small: 14px
+  small: 16px
+  base: 18px
+  large: 24px
+  bg: red
+  # typo:
+  #   x-small: "14px"
+  #   small: 16px
+  #   base: 18px
+  #   large: 24px

data/lib/sass-yaml.rb

@@ -0,0 +1,30 @@
+require 'yaml'
+
+module Sass::Script::Functions
+  def yaml(variable)
+  	config_file = 'config/config.yml'
+
+  	if (File.file?(config_file))
+	  	obj = YAML.load_file(config_file)
+      if !obj['variables'][variable.to_s].nil?
+        value = obj['variables'][variable.to_s]
+        if(value.is_a?(String))
+          return Sass::Script::Value::String.new(value.to_s)
+        elsif (value.is_a?(Array))
+          value.each_with_index do |elem, i|
+            value[i]= Sass::Script::Value::String.new(elem.to_s)
+          end
+          return Sass::Script::Value::List.new(value, ",")
+        elsif (value.is_a?(Hash))
+          return Sass::Script::Value::Map.new(value)
+        end
+      else
+        return Sass::Script::Value::String.new('not-exists')
+      end
+  	else
+  		p 'Config File not exists. We are looking for a config/config.yml'
+  	end
+
+    return Sass::Script::Value::String.new('auto')
+  end
+end

data/sass-yaml.gemspec

@@ -0,0 +1,20 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+
+Gem::Specification.new do |s|
+  s.name        = "sass-yaml"
+  s.version     = "0.0.1"
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ["Fabio Fabbrucci"]
+  s.email       = ["fabio.fabbrucci@gmail.com"]
+  s.homepage    = "http://fabiofabbrucci.github.com/"
+  s.summary     = %q{Allows use of Yaml in Sass.}
+  s.description = %q{With this GEM you can easly query a Yaml file from your SASS.}
+  s.license     = 'MIT'
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- test/*`.split("\n")
+  s.require_paths = ["lib"]
+
+  s.add_runtime_dependency 'sass', '>= 3.1'
+end

data/test/fixtures/config/config.yml

@@ -0,0 +1,4 @@
+variables:
+  variable: value
+  variable2: another valuee
+  bg: red

data/test/fixtures/screen.scss

@@ -0,0 +1,5 @@
+// @import 'config/config.yml';
+
+body{
+	background-color: yaml(bg);
+}

metadata

@@ -0,0 +1,67 @@
+--- !ruby/object:Gem::Specification
+name: sass-yaml
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Fabio Fabbrucci
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-11-12 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: With this GEM you can easly query a Yaml file from your SASS.
+email:
+- fabio.fabbrucci@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- README.md
+- config/config.yml
+- lib/sass-yaml.rb
+- sass-yaml.gemspec
+- test/fixtures/config/config.yml
+- test/fixtures/screen.scss
+homepage: http://fabiofabbrucci.github.com/
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: Allows use of Yaml in Sass.
+test_files:
+- test/fixtures/config/config.yml
+- test/fixtures/screen.scss