helio 0.0.0.4 → 0.0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bd2cdfe3d2a94f2b6e2879fd00847fd053f689e5
-  data.tar.gz: 97a46daa10487fabb15535c4f7f3fd0c083dccd5
+  metadata.gz: 7f342b85233b6ca280e744946cc0ea015ecb8bcf
+  data.tar.gz: 5756f9b5744082644204b41ba91bf4bacf9ae911
 SHA512:
-  metadata.gz: c733019468dd28cf67228d57d3349812377f268133bdb2d874c51fdc6419b27b3e1815d0594f8c5307ba72bc7f01766f8cb193db8fecda39d0cc7f4347e2cb93
-  data.tar.gz: 53e7637384df8be71a6045428f6820f975d3d7e2f71b8565c982d638ec585305e02c5197b560cb383e376d5fda4b3e4638f7945cfb4c5b5e2a721c65ed5e0024
+  metadata.gz: 6e4570f58f0a52742e3df016b13a05e612f29cc5c4a9fed35974532d64510c64dd0af02e745c8c57c7c708152ecfc03a9b7b74e2c1ff2bed6a0554c32cb723f3
+  data.tar.gz: f4f184f0859b9a3b2d2a266f3e5b8586e3ead532e5173f681aaeacccbd95ea146b9df17b73a921f714b279056a02590e0f7f111b6b0400522cbce7f11a830b9a

data/Rakefile

@@ -0,0 +1,61 @@
+lib_path = File.join(File.dirname(__FILE__), 'lib')
+$:.unshift(lib_path) unless $:.include?(lib_path)
+
+require 'rake/testtask'
+task :test do |t|
+  $: << File.expand_path('test/')
+  Dir.glob('./test/**/*_test.rb').each { |file| require file }
+end
+
+desc 'Dumps output to a CSS file for testing'
+task :debug do
+  require 'sass'
+  path = Bootstrap.stylesheets_path
+  %w(helio).each do |file|
+    engine = Sass::Engine.for_file("#{path}/#{file}.scss", syntax: :scss, load_paths: [path])
+    File.open("./#{file}.css", 'w') { |f| f.write(engine.render) }
+  end
+end
+
+desc 'Convert helio to helio-sass'
+task :convert, :branch do |t, args|
+  require './tasks/converter'
+  Converter.new(branch: args[:branch]).process_helio
+end
+
+desc 'LESS to stdin -> Sass to stdout'
+task :less_to_scss, :branch do |t, args|
+  require './tasks/converter'
+  puts Converter.new(branch: args[:branch]).convert_less(STDIN.read)
+end
+
+desc 'Compile helio-sass to tmp/ (or first arg)'
+task :compile, :css_path do |t, args|
+  require 'sass'
+  require 'term/ansicolor'
+
+  path = 'assets/stylesheets'
+  css_path = args.with_defaults(css_path: 'tmp')[:css_path]
+  puts Term::ANSIColor.bold "Compiling SCSS in #{path}"
+  Dir.mkdir(css_path) unless File.directory?(css_path)
+  %w(_helio).each do |file|
+    save_path = "#{css_path}/#{file.sub(/(^|\/)?_+/, '\1').sub('/', '-')}.css"
+    puts Term::ANSIColor.cyan("  #{save_path}") + '...'
+    engine    = Sass::Engine.for_file("#{path}/#{file}.scss", syntax: :scss, load_paths: [path])
+    css       = engine.render
+    File.open(save_path, 'w') { |f| f.write css }
+  end
+end
+
+desc 'Start a dummy (test) Rails app server'
+task :dummy_rails do
+  require 'rack'
+  require 'term/ansicolor'
+  port = ENV['PORT'] || 9292
+  puts %Q(Starting on #{Term::ANSIColor.cyan "http://localhost:#{port}"})
+  Rack::Server.start(
+    config: 'test/dummy_rails/config.ru',
+    Port: port)
+end
+
+task default: :test

data/assets/stylesheets/_helio.scss

@@ -1 +1,5 @@
-@import "helio/spacing";
+@import "helio/variables";
+@import "helio/functions";
+@import "helio/colors";
+@import "helio/spaces";
+@import "helio/fonts";

data/assets/stylesheets/helio/_colors.scss

@@ -0,0 +1,27 @@
+@mixin colors($name, $value) {
+  .c-#{$name}, .c-#{$name}-hover:hover, .active .c-#{$name}-active {
+    color: $value;
+  }
+
+  .bg-#{$name}, .bg-#{$name}-hover:hover, .active .bg-#{$name}-active {
+    background-color: $value;
+  }
+
+  .bc-#{$name}, .bc-#{$name}-hover:hover, .active .bc-#{$name}-active {
+    border-color: $value;
+  }
+}
+
+@include colors(n, none);
+
+@for $color-index from 1 through length($helio-shades) {
+  $color: nth($helio-shades, $color-index);
+
+  @include colors(#{$color-index - 1}, #{$color});
+}
+
+@for $color-index from 1 through length($helio-colors) {
+  $color: nth($helio-colors, $color-index);
+
+  @include colors(#{nth($color, 1)}, #{nth($color, 2)});
+}

data/assets/stylesheets/helio/_fonts.scss

@@ -0,0 +1,15 @@
+@for $font-size-index from 1 through length($helio-font-sizes) {
+  $font-size: nth($helio-font-sizes, $font-size-index);
+
+  .fs-#{$font-size-index} {
+    font-size: $font-size;
+  }
+}
+
+@for $font-weight-index from 1 through length($helio-font-weights) {
+  $font-weight: nth($helio-font-weights, $font-weight-index);
+
+  .fw-#{$font-weight-index} {
+    font-weight: $font-weight;
+  }
+}

data/assets/stylesheets/helio/_functions.scss

@@ -0,0 +1,3 @@
+@function prepend($list, $value) {
+  @return join($value, $list);
+}

data/assets/stylesheets/helio/_spaces.scss

@@ -0,0 +1,112 @@
+@mixin paddings($name, $value) {
+  .pt-#{$name} .pv-#{$name} .pa-#{$name}, .pt-#{$name}-plus + .pt-#{$name}-plus {
+    padding-top: $value;
+  }
+
+  .pl-#{$name} .ph-#{$name} .pa-#{$name}, .pl-#{$name}-plus + .pl-#{$name}-plus {
+    padding-left: $value;
+  }
+
+  .pb-#{$name} .pv-#{$name} .pa-#{$name}, .pb-#{$name}-plus + .pb-#{$name}-plus {
+    padding-bottom: $value;
+  }
+
+  .pr-#{$name} .ph-#{$name} .pa-#{$name}, .pr-#{$name}-plus + .pr-#{$name}-plus {
+    padding-right: $value;
+  }
+}
+
+@mixin margins($name, $value) {
+  .mt-#{$name} .mv-#{$name} .ma-#{$name}, .mt-#{$name}-plus + .mt-#{$name}-plus {
+    margin-top: $value;
+  }
+
+  .ml-#{$name} .mh-#{$name} .ma-#{$name}, .ml-#{$name}-plus + .ml-#{$name}-plus {
+    margin-left: $value;
+  }
+
+  .mb-#{$name} .mv-#{$name} .ma-#{$name}, .mb-#{$name}-plus + .mb-#{$name}-plus {
+    margin-bottom: $value;
+  }
+
+  .mr-#{$name} .mh-#{$name} .ma-#{$name}, .mr-#{$name}-plus + .mr-#{$name}-plus {
+    margin-right: $value;
+  }
+}
+
+@mixin negative-margins($name, $value) {
+  .nmt-#{$name} .nmv-#{$name} .nma-#{$name}, .nmt-#{$name}-plus + .nmt-#{$name}-plus {
+    margin-top: -$value;
+  }
+
+  .nml-#{$name} .nmh-#{$name} .nma-#{$name}, .nml-#{$name}-plus + .nml-#{$name}-plus {
+    margin-left: -$value;
+  }
+
+  .nmb-#{$name} .nmv-#{$name} .nma-#{$name}, .nmb-#{$name}-plus + .nmb-#{$name}-plus {
+    margin-bottom: -$value;
+  }
+
+  .nmr-#{$name} .nmh-#{$name} .nma-#{$name}, .nmr-#{$name}-plus + .nmr-#{$name}-plus {
+    margin-right: -$value;
+  }
+}
+
+@mixin dimensions($name, $value) {
+  .dv-#{$name}, .da-#{$name} {
+    height: $value;
+  }
+
+  .dh-#{$name}, .da-#{$name} {
+    width: $value;
+  }
+}
+
+@mixin line-heights($name, $value) {
+  .lh-#{$name} {
+    line-height: $value;
+  }
+}
+
+.mh-a {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+@include dimensions(0, 0px);
+
+@for $space-index from 1 through length($helio-spaces) {
+  $space: nth($helio-spaces, $space-index);
+
+  @include dimensions($space-index, $space);
+}
+
+@include line-heights(0, 0px);
+
+@for $space-index from 1 through length($helio-spaces) {
+  $space: nth($helio-spaces, $space-index);
+
+  @include line-heights($space-index, $space);
+}
+
+@include paddings(0, 0px);
+
+@for $space-index from 1 through length($helio-spaces) {
+  $space: nth($helio-spaces, $space-index);
+
+  @include paddings($space-index, $space);
+}
+
+@include margins(0, 0px);
+
+@for $space-index from 1 through length($helio-spaces) {
+  $space: nth($helio-spaces, $space-index);
+
+  @include margins($space-index, $space);
+}
+
+@for $space-index from 1 through length($helio-spaces) {
+  $space: nth($helio-spaces, $space-index);
+
+  @include negative-margins($space-index, $space);
+}

data/assets/stylesheets/helio/_variables.scss

@@ -0,0 +1,71 @@
+$helio-shades: (
+  #000000,
+  #111111,
+  #222222,
+  #333333,
+  #444444,
+  #555555,
+  #666666,
+  #777777,
+  #888888,
+  #999999,
+  #AAAAAA,
+  #BBBBBB,
+  #CCCCCC,
+  #DDDDDD,
+  #EEEEEE,
+  #FFFFFF
+);
+
+$helio-colors: (
+  red:     #FF0000,
+  green:   #16DE7A,
+  blue:    #3A6EFC
+);
+
+$helio-spaces: (
+  1px,
+  5px,
+  7.5px,
+  10px,
+  15px,
+  20px,
+  30px,
+  40px,
+  50px,
+  60px,
+  80px,
+  100px
+);
+
+$helio-font-sizes: (
+  10px,
+  11px,
+  12px,
+  13px,
+  14px,
+  15px,
+  16px,
+  17px,
+  18px,
+  20px,
+  22px,
+  24px,
+  26px,
+  28px,
+  32px,
+  36px,
+  42px,
+  48px,
+  54px,
+  62px,
+  72px,
+  84px,
+  100px
+);
+
+$helio-font-weights: (
+  300,
+  400,
+  700
+);

data/helio.gemspec

@@ -14,11 +14,17 @@ Gem::Specification.new do |s|
   s.add_runtime_dependency 'sass', '>= 3.2.19'
   s.add_runtime_dependency 'autoprefixer-rails', '>= 5.0.0.1'
 
+  # Testing dependencies
+  s.add_development_dependency 'minitest', '~> 5.4.0'
+  s.add_development_dependency 'minitest-reporters', '~> 1.0.5'
+  # Integration testing
+  s.add_development_dependency 'capybara'
+  s.add_development_dependency 'poltergeist'
   # Dummy Rails app dependencies
   s.add_development_dependency 'actionpack', '>= 4.1.5'
   s.add_development_dependency 'activesupport', '>= 4.1.5'
   s.add_development_dependency 'sprockets-rails', '>= 2.1.3'
-  s.add_development_dependency 'slim-rails'
+  s.add_development_dependency 'jquery-rails', '>= 3.1.0'
   s.add_development_dependency 'uglifier'
   # Converter
   s.add_development_dependency 'term-ansicolor'

data/lib/helio/version.rb

@@ -1,3 +1,3 @@
 module Helio
-  VERSION = '0.0.0.4'
+  VERSION = '0.0.0.5'
 end

data/test/compilation_test.rb

@@ -0,0 +1,18 @@
+require 'test_helper'
+require 'fileutils'
+require 'sass'
+
+class CompilationTest < Minitest::Test
+  def test_compilation
+    path = 'assets/stylesheets'
+    %w(_helio).each do |file|
+      FileUtils.rm_rf('.sass-cache', secure: true)
+      engine = Sass::Engine.for_file("#{path}/#{file}.scss", syntax: :scss, load_paths: [path])
+      FileUtils.mkdir_p("tmp/#{File.dirname(file)}")
+      File.open("tmp/#{file}.css", 'w') { |f|
+        f.write engine.render
+      }
+      assert true # nothing was raised
+    end
+  end
+end

data/test/dummy_rails/README.rdoc

@@ -0,0 +1,28 @@
+== README
+
+This README would normally document whatever steps are necessary to get the
+application up and running.
+
+Things you may want to cover:
+
+* Ruby version
+
+* System dependencies
+
+* Configuration
+
+* Database creation
+
+* Database initialization
+
+* How to run the test suite
+
+* Services (job queues, cache servers, search engines, etc.)
+
+* Deployment instructions
+
+* ...
+
+
+Please feel free to use a different markup language if you do not plan to run
+<tt>rake doc:app</tt>.

data/test/dummy_rails/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Dummy::Application.load_tasks

data/test/dummy_rails/app/assets/javascripts/application.js

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require_tree .

data/test/dummy_rails/app/assets/stylesheets/application.scss

@@ -0,0 +1 @@
+@import "helio";

data/test/dummy_rails/app/controllers/application_controller.rb

@@ -0,0 +1,5 @@
+class ApplicationController < ActionController::Base
+  # Prevent CSRF attacks by raising an exception.
+  # For APIs, you may want to use :null_session instead.
+  protect_from_forgery with: :exception
+end

data/test/dummy_rails/app/controllers/pages_controller.rb

@@ -0,0 +1,4 @@
+class PagesController < ApplicationController
+  def root
+  end
+end

data/test/dummy_rails/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/test/dummy_rails/app/views/layouts/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>DummyRails</title>
+  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
+  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
+  <%= csrf_meta_tags %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/test/dummy_rails/app/views/pages/root.html.erb

@@ -0,0 +1 @@
+test

data/test/dummy_rails/config.ru

@@ -0,0 +1,4 @@
+# This file is used by Rack-based servers to start the application.
+
+require ::File.expand_path('../config/environment', __FILE__)
+run Rails.application

data/test/dummy_rails/config/application.rb

@@ -0,0 +1,26 @@
+require File.expand_path('../boot', __FILE__)
+
+require 'rails'
+
+%w(
+  action_controller
+  action_view
+  sprockets
+).each do |framework|
+  require "#{framework}/railtie"
+end
+
+require 'helio'
+require 'uglifier'
+
+module Dummy
+  class Application < Rails::Application
+    config.assets.enabled = true if config.assets.respond_to?(:enabled)
+    config.to_prepare do
+      if ENV['VERBOSE']
+        STDERR.puts "Loaded Rails #{Rails::VERSION::STRING}, Sprockets #{Sprockets::VERSION}",
+                    "Asset paths: #{Rails.application.config.assets.paths}"
+      end
+    end
+  end
+end

data/test/dummy_rails/config/boot.rb

@@ -0,0 +1,5 @@
+# Set up gems listed in the Gemfile.
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../../../Gemfile', __FILE__)
+
+require 'bundler/setup' if File.exists?(ENV['BUNDLE_GEMFILE'])
+$LOAD_PATH.unshift File.expand_path('../../../../lib', __FILE__)

data/test/dummy_rails/config/environment.rb

@@ -0,0 +1,5 @@
+# Load the Rails application.
+require File.expand_path('../application', __FILE__)
+
+# Initialize the Rails application.
+Dummy::Application.initialize!

data/test/dummy_rails/config/environments/development.rb

@@ -0,0 +1,23 @@
+Dummy::Application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # In the development environment your application's code is reloaded on
+  # every request. This slows down response time but is perfect for development
+  # since you don't have to restart the web server when you make code changes.
+  config.cache_classes = false
+
+  # Do not eager load code on boot.
+  config.eager_load = false
+
+  # Show full error reports and disable caching.
+  config.consider_all_requests_local       = true
+  config.action_controller.perform_caching = false
+
+  # Print deprecation notices to the Rails logger.
+  config.active_support.deprecation = :log
+
+  # Debug mode disables concatenation and preprocessing of assets.
+  # This option may cause significant delays in view rendering with a large
+  # number of complex assets.
+  config.assets.debug = true
+end

data/test/dummy_rails/config/environments/production.rb

@@ -0,0 +1,82 @@
+Dummy::Application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # Code is not reloaded between requests.
+  config.cache_classes = true
+
+  # Eager load code on boot. This eager loads most of Rails and
+  # your application in memory, allowing both thread web servers
+  # and those relying on copy on write to perform better.
+  # Rake tasks automatically ignore this option for performance.
+  config.eager_load = true
+
+  # Full error reports are disabled and caching is turned on.
+  config.consider_all_requests_local       = false
+  config.action_controller.perform_caching = true
+
+  # Enable Rack::Cache to put a simple HTTP cache in front of your application
+  # Add `rack-cache` to your Gemfile before enabling this.
+  # For large-scale production use, consider using a caching reverse proxy like nginx, varnish or squid.
+  # config.action_dispatch.rack_cache = true
+
+  # Disable Rails's static asset server (Apache or nginx will already do this).
+  if config.respond_to?(:serve_static_files)
+    # rails >= 4.2
+    config.serve_static_files = true
+  elsif config.respond_to?(:serve_static_assets)
+    # rails < 4.2
+    config.serve_static_assets = true
+  end
+
+  # Compress JavaScripts and CSS.
+  config.assets.js_compressor = :uglifier
+  # config.assets.css_compressor = :sass
+
+  # Do not fallback to assets pipeline if a precompiled asset is missed.
+  config.assets.compile = false
+
+  # Generate digests for assets URLs.
+  config.assets.digest = true
+
+  # Version of your assets, change this if you want to expire all your assets.
+  config.assets.version = '1.0'
+
+  # Specifies the header that your server uses for sending files.
+  # config.action_dispatch.x_sendfile_header = "X-Sendfile" # for apache
+  # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for nginx
+
+  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
+  # config.force_ssl = true
+
+  # Set to :debug to see everything in the log.
+  config.log_level = :info
+
+  # Prepend all log lines with the following tags.
+  # config.log_tags = [ :subdomain, :uuid ]
+
+  # Use a different logger for distributed setups.
+  # config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)
+
+  # Use a different cache store in production.
+  # config.cache_store = :mem_cache_store
+
+  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
+  # config.action_controller.asset_host = "http://assets.example.com"
+
+  # Precompile additional assets.
+  # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
+  # config.assets.precompile += %w( search.js )
+
+  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
+  # the I18n.default_locale when a translation can not be found).
+  config.i18n.fallbacks = true
+
+  # Send deprecation notices to registered listeners.
+  config.active_support.deprecation = :notify
+
+  # Disable automatic flushing of the log to improve performance.
+  # config.autoflush_log = false
+
+  # Use default logging formatter so that PID and timestamp are not suppressed.
+  config.log_formatter = ::Logger::Formatter.new
+end

data/test/dummy_rails/config/environments/test.rb

@@ -0,0 +1,38 @@
+Dummy::Application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # The test environment is used exclusively to run your application's
+  # test suite. You never need to work with it otherwise. Remember that
+  # your test database is "scratch space" for the test suite and is wiped
+  # and recreated between test runs. Don't rely on the data there!
+  config.cache_classes = true
+
+  # Do not eager load code on boot. This avoids loading your whole application
+  # just for the purpose of running a single test. If you are using a tool that
+  # preloads Rails for running tests, you may have to set it to true.
+  config.eager_load = false
+
+  # Configure static asset server for tests with Cache-Control for performance.
+  if config.respond_to?(:serve_static_files)
+    # rails >= 4.2
+    config.serve_static_files = true
+  elsif config.respond_to?(:serve_static_assets)
+    # rails < 4.2
+    config.serve_static_assets = true
+  end
+  config.static_cache_control = "public, max-age=3600"
+
+  # Show full error reports and disable caching.
+  config.consider_all_requests_local       = true
+  config.action_controller.perform_caching = false
+
+  # Raise exceptions instead of rendering exception templates.
+  config.action_dispatch.show_exceptions = false
+
+  # Disable request forgery protection in test environment.
+  config.action_controller.allow_forgery_protection = false
+
+  config.active_support.test_order = :random
+
+  config.active_support.deprecation = :stderr
+end

data/test/dummy_rails/config/initializers/backtrace_silencers.rb

@@ -0,0 +1,7 @@
+# Be sure to restart your server when you modify this file.
+
+# You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces.
+# Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ }
+
+# You can also remove all the silencers if you're trying to debug a problem that might stem from framework code.
+# Rails.backtrace_cleaner.remove_silencers!

data/test/dummy_rails/config/initializers/filter_parameter_logging.rb

@@ -0,0 +1,4 @@
+# Be sure to restart your server when you modify this file.
+
+# Configure sensitive parameters which will be filtered from the log file.
+Rails.application.config.filter_parameters += [:password]

data/test/dummy_rails/config/initializers/inflections.rb

@@ -0,0 +1,16 @@
+# Be sure to restart your server when you modify this file.
+
+# Add new inflection rules using the following format. Inflections
+# are locale specific, and you may define rules for as many different
+# locales as you wish. All of these examples are active by default:
+# ActiveSupport::Inflector.inflections(:en) do |inflect|
+#   inflect.plural /^(ox)$/i, '\1en'
+#   inflect.singular /^(ox)en/i, '\1'
+#   inflect.irregular 'person', 'people'
+#   inflect.uncountable %w( fish sheep )
+# end
+
+# These inflection rules are supported but not enabled by default:
+# ActiveSupport::Inflector.inflections(:en) do |inflect|
+#   inflect.acronym 'RESTful'
+# end

data/test/dummy_rails/config/initializers/mime_types.rb

@@ -0,0 +1,4 @@
+# Be sure to restart your server when you modify this file.
+
+# Add new mime types for use in respond_to blocks:
+# Mime::Type.register "text/richtext", :rtf

data/test/dummy_rails/config/initializers/secret_token.rb

@@ -0,0 +1,18 @@
+# Be sure to restart your server when you modify this file.
+
+# Your secret key is used for verifying the integrity of signed cookies.
+# If you change this key, all old signed cookies will become invalid!
+
+# Make sure the secret is at least 30 characters and all random,
+# no regular words or you'll be exposed to dictionary attacks.
+# You can use `rake secret` to generate a secure secret key.
+
+# Make sure your secret_key_base is kept private
+# if you're sharing your code publicly.
+token = "722b3a9b0f2389ffebe99a88d8411ec1cb673436e10a7fc82f63ab8e7bf9e5e208568b31d5e84b885859eff6a88b11d0cb9a1e095e0c307db7fed1010c3e3a8e"
+
+if Dummy::Application.config.respond_to?(:secret_key_base=)
+  Dummy::Application.config.secret_key_base = token
+else
+  Dummy::Application.config.secret_token = token
+end

data/test/dummy_rails/config/initializers/session_store.rb

@@ -0,0 +1,3 @@
+# Be sure to restart your server when you modify this file.
+
+Dummy::Application.config.session_store :cookie_store, key: '_dummy_session'

data/test/dummy_rails/config/initializers/wrap_parameters.rb

@@ -0,0 +1,14 @@
+# Be sure to restart your server when you modify this file.
+
+# This file contains settings for ActionController::ParamsWrapper which
+# is enabled by default.
+
+# Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array.
+ActiveSupport.on_load(:action_controller) do
+  wrap_parameters format: [:json] if respond_to?(:wrap_parameters)
+end
+
+# To enable root element in JSON for ActiveRecord objects.
+# ActiveSupport.on_load(:active_record) do
+#  self.include_root_in_json = true
+# end

data/test/dummy_rails/config/locales/en.yml

@@ -0,0 +1,23 @@
+# Files in the config/locales directory are used for internationalization
+# and are automatically loaded by Rails. If you want to use locales other
+# than English, add the necessary files in this directory.
+#
+# To use the locales, use `I18n.t`:
+#
+#     I18n.t 'hello'
+#
+# In views, this is aliased to just `t`:
+#
+#     <%= t('hello') %>
+#
+# To use a different locale, set it with `I18n.locale`:
+#
+#     I18n.locale = :es
+#
+# This would use the information in config/locales/es.yml.
+#
+# To learn more, please read the Rails Internationalization guide
+# available at http://guides.rubyonrails.org/i18n.html.
+
+en:
+  hello: "Hello world"

data/test/dummy_rails/config/routes.rb

@@ -0,0 +1,3 @@
+Dummy::Application.routes.draw do
+  root to: 'pages#root'
+end

data/test/dummy_sass_only/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+gem 'sass', '~> 3.2'
+gem 'helio', path: '../..'

data/test/dummy_sass_only/compile.rb

@@ -0,0 +1,13 @@
+require 'sass'
+require 'helio'
+require 'fileutils'
+
+scss_path = File.expand_path('./import_all.sass', File.dirname(__FILE__))
+css = Sass.compile File.read(scss_path), syntax: 'sass'
+
+if ARGV[0]
+  FileUtils.mkdir_p File.dirname(ARGV[0])
+  File.open(ARGV[0], 'w') { |f| f.write css }
+else
+  puts css
+end

data/test/dummy_sass_only/import_all.sass

@@ -0,0 +1 @@
+@import 'helio'

data/test/gemfiles/sass_3_4.gemfile

@@ -0,0 +1,5 @@
+source "https://rubygems.org"
+
+gem 'sass', '~> 3.4.1'
+
+gemspec path: '../../'

data/test/pages_test.rb

@@ -0,0 +1,14 @@
+require 'test_helper_rails'
+
+class PagesTest < ActionDispatch::IntegrationTest
+  include ::DummyRailsIntegration
+
+  def test_visit_root
+    visit root_path
+    # ^ will raise on JS errors
+
+    assert_equal 200, page.status_code
+
+    screenshot!
+  end
+end

data/test/sass_test.rb

@@ -0,0 +1,22 @@
+require 'test_helper'
+require 'shellwords'
+
+class SassTest < Minitest::Test
+  DUMMY_PATH = 'test/dummy_sass_only'
+
+  def setup
+    Dir.chdir DUMMY_PATH do
+      %x[rm -rf .sass-cache/]
+      %x[bundle]
+    end
+    css_path = File.join GEM_PATH, 'tmp/helio-sass-only.css'
+    command  = "bundle exec ruby compile.rb #{Shellwords.escape css_path}"
+    success  = Dir.chdir DUMMY_PATH do
+      silence_stdout_if !ENV['VERBOSE'] do
+        system(command)
+      end
+    end
+    assert success, 'Sass-only compilation failed'
+    @css = File.read(css_path)
+  end
+end

data/test/support/dummy_rails_integration.rb

@@ -0,0 +1,22 @@
+require 'capybara'
+require 'fileutils'
+module DummyRailsIntegration
+  include Capybara::DSL
+
+  def setup
+    super
+    FileUtils.rm_rf('test/dummy_rails/tmp/cache', secure: true)
+  end
+
+  def teardown
+    super
+    Capybara.reset_sessions!
+    Capybara.use_default_driver
+  end
+
+  def screenshot!
+    path = "tmp/#{name}.png"
+    page.driver.render(File.join(GEM_PATH, path), full: true)
+    STDERR.puts "Screenshot saved to #{path}"
+  end
+end

data/test/support/reporting.rb

@@ -0,0 +1,17 @@
+module Kernel
+  def silence_stdout_if(cond, &run)
+    silence_stream_if(cond, STDOUT, &run)
+  end
+
+  def silence_stderr_if(cond, &run)
+    silence_stream_if(cond, STDERR, &run)
+  end
+
+  def silence_stream_if(cond, stream, &run)
+    if cond
+      silence_stream(stream, &run)
+    else
+      run.call
+    end
+  end
+end

data/test/test_helper.rb

@@ -0,0 +1,34 @@
+require 'minitest/autorun'
+require 'minitest/reporters'
+Minitest::Reporters.use! Minitest::Reporters::SpecReporter.new
+
+require 'active_support/core_ext/kernel/reporting'
+
+Dir['test/support/**/*.rb'].each do |file|
+  # strip ^test/ and .rb$
+  file = file[5..-4]
+  require_relative File.join('.', file)
+end
+
+GEM_PATH = File.expand_path('../', File.dirname(__FILE__))
+
+#= Capybara + Poltergeist
+require 'capybara/poltergeist'
+
+Capybara.register_driver :poltergeist do |app|
+  Capybara::Poltergeist::Driver.new(
+      app,
+      # inspector:   '/Applications/Chromium.app/Contents/MacOS/Chromium', # open in inspector: page.driver.debug
+      window_size: [1280, 1024],
+      timeout: 90,
+      js_errors: true
+  )
+end
+
+Capybara.configure do |config|
+  config.app_host = 'http://localhost:7000'
+  config.default_driver    = :poltergeist
+  config.javascript_driver = :poltergeist
+  config.server_port       = 7000
+  config.default_wait_time = 10
+end

data/test/test_helper_rails.rb

@@ -0,0 +1,6 @@
+ENV['RAILS_ENV'] = ENV['RACK_ENV'] = 'test'
+
+require 'test_helper'
+require 'dummy_rails/config/environment'
+require 'rails/test_help'
+require 'capybara/rails'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: helio
 version: !ruby/object:Gem::Version
-  version: 0.0.0.4
+  version: 0.0.0.5
 platform: ruby
 authors:
 - Paul Jovanovic
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-05-16 00:00:00.000000000 Z
+date: 2015-05-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -38,6 +38,62 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 5.0.0.1
+- !ruby/object:Gem::Dependency
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.4.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.4.0
+- !ruby/object:Gem::Dependency
+  name: minitest-reporters
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.5
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.5
+- !ruby/object:Gem::Dependency
+  name: capybara
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: poltergeist
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: actionpack
   requirement: !ruby/object:Gem::Requirement
@@ -81,19 +137,19 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 2.1.3
 - !ruby/object:Gem::Dependency
-  name: slim-rails
+  name: jquery-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 3.1.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 3.1.0
 - !ruby/object:Gem::Dependency
   name: uglifier
   requirement: !ruby/object:Gem::Requirement
@@ -131,12 +187,59 @@ files:
 - ".gitignore"
 - Gemfile
 - README.md
+- Rakefile
 - assets/stylesheets/_helio.scss
-- assets/stylesheets/helio/_spacing.scss
+- assets/stylesheets/helio/_colors.scss
+- assets/stylesheets/helio/_fonts.scss
+- assets/stylesheets/helio/_functions.scss
+- assets/stylesheets/helio/_spaces.scss
+- assets/stylesheets/helio/_variables.scss
 - helio.gemspec
 - lib/helio.rb
 - lib/helio/engine.rb
 - lib/helio/version.rb
+- test/compilation_test.rb
+- test/dummy_rails/README.rdoc
+- test/dummy_rails/Rakefile
+- test/dummy_rails/app/assets/images/.keep
+- test/dummy_rails/app/assets/javascripts/application.js
+- test/dummy_rails/app/assets/stylesheets/application.scss
+- test/dummy_rails/app/controllers/application_controller.rb
+- test/dummy_rails/app/controllers/concerns/.keep
+- test/dummy_rails/app/controllers/pages_controller.rb
+- test/dummy_rails/app/helpers/application_helper.rb
+- test/dummy_rails/app/mailers/.keep
+- test/dummy_rails/app/models/.keep
+- test/dummy_rails/app/models/concerns/.keep
+- test/dummy_rails/app/views/layouts/application.html.erb
+- test/dummy_rails/app/views/pages/root.html.erb
+- test/dummy_rails/config.ru
+- test/dummy_rails/config/application.rb
+- test/dummy_rails/config/boot.rb
+- test/dummy_rails/config/environment.rb
+- test/dummy_rails/config/environments/development.rb
+- test/dummy_rails/config/environments/production.rb
+- test/dummy_rails/config/environments/test.rb
+- test/dummy_rails/config/initializers/backtrace_silencers.rb
+- test/dummy_rails/config/initializers/filter_parameter_logging.rb
+- test/dummy_rails/config/initializers/inflections.rb
+- test/dummy_rails/config/initializers/mime_types.rb
+- test/dummy_rails/config/initializers/secret_token.rb
+- test/dummy_rails/config/initializers/session_store.rb
+- test/dummy_rails/config/initializers/wrap_parameters.rb
+- test/dummy_rails/config/locales/en.yml
+- test/dummy_rails/config/routes.rb
+- test/dummy_rails/log/.keep
+- test/dummy_sass_only/Gemfile
+- test/dummy_sass_only/compile.rb
+- test/dummy_sass_only/import_all.sass
+- test/gemfiles/sass_3_4.gemfile
+- test/pages_test.rb
+- test/sass_test.rb
+- test/support/dummy_rails_integration.rb
+- test/support/reporting.rb
+- test/test_helper.rb
+- test/test_helper_rails.rb
 homepage: https://github.com/superjova/helio
 licenses:
 - MIT
@@ -161,5 +264,47 @@ rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: Superjova CSS Framework
-test_files: []
+test_files:
+- test/compilation_test.rb
+- test/dummy_rails/README.rdoc
+- test/dummy_rails/Rakefile
+- test/dummy_rails/app/assets/images/.keep
+- test/dummy_rails/app/assets/javascripts/application.js
+- test/dummy_rails/app/assets/stylesheets/application.scss
+- test/dummy_rails/app/controllers/application_controller.rb
+- test/dummy_rails/app/controllers/concerns/.keep
+- test/dummy_rails/app/controllers/pages_controller.rb
+- test/dummy_rails/app/helpers/application_helper.rb
+- test/dummy_rails/app/mailers/.keep
+- test/dummy_rails/app/models/.keep
+- test/dummy_rails/app/models/concerns/.keep
+- test/dummy_rails/app/views/layouts/application.html.erb
+- test/dummy_rails/app/views/pages/root.html.erb
+- test/dummy_rails/config.ru
+- test/dummy_rails/config/application.rb
+- test/dummy_rails/config/boot.rb
+- test/dummy_rails/config/environment.rb
+- test/dummy_rails/config/environments/development.rb
+- test/dummy_rails/config/environments/production.rb
+- test/dummy_rails/config/environments/test.rb
+- test/dummy_rails/config/initializers/backtrace_silencers.rb
+- test/dummy_rails/config/initializers/filter_parameter_logging.rb
+- test/dummy_rails/config/initializers/inflections.rb
+- test/dummy_rails/config/initializers/mime_types.rb
+- test/dummy_rails/config/initializers/secret_token.rb
+- test/dummy_rails/config/initializers/session_store.rb
+- test/dummy_rails/config/initializers/wrap_parameters.rb
+- test/dummy_rails/config/locales/en.yml
+- test/dummy_rails/config/routes.rb
+- test/dummy_rails/log/.keep
+- test/dummy_sass_only/Gemfile
+- test/dummy_sass_only/compile.rb
+- test/dummy_sass_only/import_all.sass
+- test/gemfiles/sass_3_4.gemfile
+- test/pages_test.rb
+- test/sass_test.rb
+- test/support/dummy_rails_integration.rb
+- test/support/reporting.rb
+- test/test_helper.rb
+- test/test_helper_rails.rb
 has_rdoc: 

data/assets/stylesheets/helio/_spacing.scss

@@ -1,36 +0,0 @@
-$spaces = 1px, 5px, 7.5px, 10px, 15px, 20px, 30px, 40px, 50px, 60px, 80px, 100px;
-
-.mha {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-prepend($spaces, 0px);
-@for $index from 0 through (length($spaces) - 1) {
-  $space: nth($spaces, $index);
-
-  .pt-#{$index} .pv-#{$index} .pa-#{$index} {
-    padding-top: $space;
-  }
-  .pl-#{$index} .ph-#{$index} .pa-#{$index} {
-    padding-left: $space;
-  }
-  .pb-#{$index} .pv-#{$index} .pa-#{$index} {
-    padding-bottom: $space;
-  }
-  .pr-#{$index} .ph-#{$index} .pa-#{$index} {
-    padding-right: $space;
-  }
-  .mt-#{$index} .mv-#{$index} .ma-#{$index} {
-    margin-top: $space;
-  }
-  .ml-#{$index} .mh-#{$index} .ma-#{$index} {
-    margin-left: $space;
-  }
-  .mb-#{$index} .mv-#{$index} .ma-#{$index} {
-    margin-bottom: $space;
-  }
-  .mr-#{$index} .mh-#{$index} .ma-#{$index} {
-    margin-right: $space;
-  }
-}