ad_particles 0.1.0

data/lib/ad_particles/version.rb

@@ -0,0 +1,3 @@
+module AtomicDesignParticles
+  VERSION = "0.1.0"
+end

data/package.json

@@ -0,0 +1,37 @@
+{
+"author": {
+  "name": "Erik Isaksen",
+  "url": "https://github.com/Nevraeka"
+},
+"bugs": {
+  "url": "https://github.com/TheWebPlatform/ad-particles/issues"
+},
+"description": "A base set of variables & mixins built in SASS for Atomic Design.",
+"eyeglass": {
+  "needs": "*",
+  "exports": "eyeglass-exports.js"
+},
+"homepage": "https://thewebplatform.github.io/ad-particles",
+"keywords": [
+  "css",
+  "eyeglass-module",
+  "mixins",
+  "sass",
+  "scss",
+  "atomic",
+  "atom",
+  "atomic-design",
+  "particles"
+],
+"license": "MIT",
+"main": "index.js",
+"name": "atomic-particles",
+"repository": {
+"type": "git",
+"url": "https://github.com/TheWebPlatformPodcast/ad-particles.git"
+},
+"scripts": {
+  "test": "bundle exec rake"
+},
+"version": "0.1.0"
+}

data/spec/fixtures/_setup.scss

@@ -0,0 +1 @@
+@import "atomic/particles";

data/spec/fixtures/mixins/box.scss

@@ -0,0 +1,33 @@
+@import "setup";
+
+.box_border--rounded {
+    @include box-border-rounded;
+}
+
+.box_border--rounded-custom {
+    @include box-border-rounded(10px);
+}
+
+.box_border {
+    @include box-border(#000);
+}
+
+.box_border--default {
+    @include box-border;
+}
+
+.box_border--custom {
+    @include box-border(#ff0000);
+}
+
+.box_border--custom-with-radius {
+    @include box-border(#ff0000, 4px);
+}
+
+.box_border--brand-primary {
+  @include box-border--primary;
+}
+
+.box_border--brand-secondary {
+  @include box-border--secondary;
+}

data/spec/fixtures/mixins/color.scss

@@ -0,0 +1,6 @@
+@import "setup";
+
+
+.color_gray--gradient {
+    @include color-gray--fade;
+}

data/spec/particles/mixins/box_spec.rb

@@ -0,0 +1,61 @@
+require "spec_helper"
+
+describe "box" do
+  before(:all) do
+    ParserSupport.parse_file("mixins/box")
+  end
+
+  context "box-border" do
+
+    it "should not render a border-radius rule if $radius equals 0" do
+      expect(".box_border--rounded-custom").to have_rule "border-radius: 10px"
+    end
+
+    it "should render a border-radius rule when $radius is not 0" do
+      expect(".box_border").to_not have_rule "border-radius: 3px"
+      expect(".box_border").to_not have_rule "border-radius: 0"
+    end
+
+    it "should render the default border color when $color is not explicitly set" do
+      expect(".box_border--default").to have_rule "border: 1px solid #999999"
+    end
+
+    it "should render the color border specified when $color is explicitly set" do
+      expect(".box_border--custom").to have_rule "border: 1px solid #ff0000"
+    end
+
+    it "should render the color border specified when $color is explicitly set" do
+      expect(".box_border--custom-with-radius").to have_ruleset("border: 1px solid #ff0000; border-radius: 4px;")
+    end
+
+  end
+
+  context "box-border--primary" do
+
+    it "should render a border rule with the $color-brand--primary value" do
+      expect(".box_border--brand-primary").to have_rule("border: 1px solid #007fb2")
+    end
+
+  end
+
+  context "box-border--secondary" do
+
+    it "should render a border rule with the $color-brand--secondary value" do
+      expect(".box_border--brand-secondary").to have_rule("border: 1px solid #e6b319")
+    end
+
+  end
+
+  context "box-border-rounded" do
+
+    it "should render a border-radius rule with the global border-radius value" do
+      expect(".box_border--rounded").to have_rule "border-radius: 3px"
+    end
+
+    it "should render a given border-radius rule when called with a specific value" do
+      expect(".box_border--rounded-custom").to have_rule "border-radius: 10px"
+    end
+
+  end
+
+end

data/spec/particles/mixins/color_spec.rb

@@ -0,0 +1,20 @@
+require "spec_helper"
+
+describe "box" do
+  before(:all) do
+    ParserSupport.parse_file("mixins/color")
+  end
+
+  context "color-gray--fade" do
+
+    it "should provide cross browser vendor prefixed linear-gradients with a solid color fallback" do
+      fallback = "background: #555555"
+      standard = fallback + "; background-image: linear-gradient(top, transparent 0%, rgba(184, 184, 184, 0) 90%, rgba(204, 204, 204, 0.65) 100%);"
+
+      expect(".color_gray--gradient").to have_rule fallback
+      expect(".color_gray--gradient").to have_ruleset standard
+    end
+
+  end
+
+end

data/spec/spec_helper.rb

@@ -0,0 +1,24 @@
+
+$LOAD_PATH.unshift(File.join(File.dirname(__FILE__), "..", "lib"))
+$LOAD_PATH.unshift(File.dirname(__FILE__))
+require "rspec"
+require "ad_particles"
+require "css_parser"
+Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each { |f| require f }
+
+RSpec.configure do |config|
+  config.include SassSupport
+  config.include CssParser
+  config.include ParserSupport
+  config.color = true
+  config.tty = true
+  config.formatter = :documentation # :progress, :html, :textmate
+
+  config.before(:all) do
+    generate_css
+  end
+
+  config.after(:all) do
+    clean_up
+  end
+end

data/spec/support/matchers/have_rule.rb

@@ -0,0 +1,38 @@
+# Originally taken from Thoughtbot Bourbon (MIT -https://github.com/thoughtbot/bourbon/blob/master/LICENSE.md)
+# https://github.com/thoughtbot/bourbon/blob/master/spec/support/matchers/have_rule.rb
+
+RSpec::Matchers.define :have_rule do |expected|
+  match do |selector|
+    @rules = rules_from_selector(selector)
+    @rules.include? expected
+  end
+
+  failure_message do |selector|
+    if @rules.empty?
+      %{no CSS for selector #{selector} were found}
+    else
+      rules = @rules.join("; ")
+      %{Expected selector #{selector} to have CSS rule "#{expected}".
+        Had "#{rules}".}
+    end
+  end
+
+  def rules_from_selector(selector)
+    rulesets = ParserSupport.parser.find_by_selector(selector)
+    if rulesets.empty?
+      []
+    else
+      rules(rulesets)
+    end
+  end
+
+  def rules(rulesets)
+    rules = []
+    rulesets.map do |ruleset|
+      ruleset.split(";").each do |rule|
+        rules << rule.strip
+      end
+    end
+    rules
+  end
+end

data/spec/support/matchers/have_ruleset.rb

@@ -0,0 +1,23 @@
+# Originally taken from Thoughtbot Bourbon (MIT -https://github.com/thoughtbot/bourbon/blob/master/LICENSE.md)
+# https://github.com/thoughtbot/bourbon/blob/master/spec/support/matchers/have_ruleset.rb
+
+RSpec::Matchers.define :have_ruleset do |expected|
+  match do |selector|
+    @ruleset = rules_from_selector(selector)
+    @ruleset.join("; ") == expected
+  end
+
+  failure_message do |selector|
+    if @ruleset.empty?
+      %{no CSS for selector #{selector} were found}
+    else
+      ruleset = @ruleset.join("; ")
+      %{Expected selector #{selector} to have CSS rule "#{expected}".
+        Had "#{ruleset}".}
+    end
+  end
+
+  def rules_from_selector(selector)
+    ParserSupport.parser.find_by_selector(selector)
+  end
+end

data/spec/support/matchers/have_value.rb

@@ -0,0 +1,20 @@
+# Originally taken from Thoughtbot Bourbon (MIT -https://github.com/thoughtbot/bourbon/blob/master/LICENSE.md)
+# https://github.com/thoughtbot/bourbon/blob/master/spec/support/matchers/have_value.rb
+
+RSpec::Matchers.define :have_value do |expected|
+  match do |variable|
+    selector_class = variable.sub("$", ".")
+    @value_attribute = ParserSupport.parser.find_by_selector(selector_class)[0]
+
+    unless @value_attribute.nil?
+      actual_value = @value_attribute.split(":")[1].strip.sub(";", "")
+      actual_value == expected
+    end
+  end
+
+  failure_message do |variable_name|
+    value_attribute = @value_attribute.to_s
+    %{Expected variable #{variable_name} to have value "#{expected}".
+      Had "#{value_attribute}".}
+  end
+end

data/spec/support/parser_support.rb

@@ -0,0 +1,16 @@
+module ParserSupport
+  def self.parser
+    @parser ||= CssParser::Parser.new
+  end
+
+  def self.parse_file(identifier)
+    parser.load_file!("tmp/#{identifier}.css")
+  end
+
+  def self.show_contents(identifier)
+    css_file_contents = File.open("tmp/#{identifier}.css").read
+    css_file_contents.each_line do |line|
+      puts line
+    end
+  end
+end

data/spec/support/sass_support.rb

@@ -0,0 +1,12 @@
+require "fileutils"
+
+module SassSupport
+  def generate_css
+    FileUtils.mkdir_p "tmp"
+    `sass -I . --update spec/fixtures:tmp --quiet`
+  end
+
+  def clean_up
+    FileUtils.rm_rf("tmp")
+  end
+end

metadata

@@ -0,0 +1,201 @@
+--- !ruby/object:Gem::Specification
+name: ad_particles
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Erik Isaksen
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-07-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: css_parser
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.4'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.4.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.4'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.4.1
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '11.1'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 11.1.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '11.1'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 11.1.2
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.4.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.4.0
+- !ruby/object:Gem::Dependency
+  name: scss_lint
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.48.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.48.0
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.4.22
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.4.22
+- !ruby/object:Gem::Dependency
+  name: thor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.19.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.19.1
+description: |2
+      ad_particles is SASS Module that defines a base set of variables that can used as a
+      standard in component styling & consistent theming. Particles, although not
+      originally discussed by Atomic Design creator Brad Frost, are the abstract &
+      configuration structures that shape the Atomic design structure from the ground
+      up.
+email: nevraeka@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".npmignore"
+- ".scss-lint.yml"
+- Gemfile
+- README.md
+- Rakefile
+- ad_particles.gemspec
+- atomic/_particles.scss
+- atomic/particles/_mixins.scss
+- atomic/particles/_modifiers.scss
+- atomic/particles/_props.scss
+- atomic/particles/mixins/_box.scss
+- atomic/particles/mixins/_color.scss
+- atomic/particles/mixins/_form.scss
+- atomic/particles/mixins/_helper.scss
+- atomic/particles/mixins/_layout.scss
+- atomic/particles/mixins/_rwd.scss
+- atomic/particles/mixins/_type.scss
+- atomic/particles/modifiers/_rwd.scss
+- atomic/particles/modifiers/_string.scss
+- atomic/particles/props/_box.scss
+- atomic/particles/props/_color.scss
+- atomic/particles/props/_config.scss
+- atomic/particles/props/_icon.scss
+- atomic/particles/props/_image.scss
+- atomic/particles/props/_motion.scss
+- atomic/particles/props/_rwd.scss
+- atomic/particles/props/_type.scss
+- eyeglass-exports.js
+- index.js
+- lib/ad_particles.rb
+- lib/ad_particles/generator.rb
+- lib/ad_particles/version.rb
+- package.json
+- spec/fixtures/_setup.scss
+- spec/fixtures/mixins/box.scss
+- spec/fixtures/mixins/color.scss
+- spec/particles/mixins/box_spec.rb
+- spec/particles/mixins/color_spec.rb
+- spec/spec_helper.rb
+- spec/support/matchers/have_rule.rb
+- spec/support/matchers/have_ruleset.rb
+- spec/support/matchers/have_value.rb
+- spec/support/parser_support.rb
+- spec/support/sass_support.rb
+homepage: https://github.com/thewebplatform/ad-particles
+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.5.1
+signing_key: 
+specification_version: 4
+summary: A SASS Module that defines a base set of variables
+test_files: []