refills 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    ZDAzN2Y2ZjUyZTYxNTU3NmI0MDY4OTQ1MzQwMDhjNGUyNjE5ODFmOA==
+  data.tar.gz: !binary |-
+    NjA4ODg4NDAwMTk0MjZmNWZiZDhhNGVmNmYxM2U5MzEzZDA5N2M4MA==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    YzZhYmMzMjI1MjU2ZGExMGY1MzhhOWJkNTI1ZGU1MGIxZTU2YzQ3OWZmMzY2
+    NjVjNGE4YWYzNGU5MGExZjNiOTNlY2I3NmQ5MDg4MGMxOTA5NTk1NDk5ODRi
+    YTQ5ZTE5MDE5M2ViYWQ4ZDg0NTkwYTRhNzJkYzZiM2VhNWMwYWU=
+  data.tar.gz: !binary |-
+    ZThmMThiY2M5NmJkMDI1YmQxZmJlODVkMWYzYjVhYTIzMTNlN2VlYmNiZDg0
+    MzZjNTRlMDkxZWU2MDAyM2VmYzEwMGVlNjIwMDAyNGUzZGE3ODcxN2FiYTg0
+    MGY3M2IwMGNkOWYyYzVlZDNhOGI4NjRiZWU2MDQwNWU1NjBlNjU=

data/.gitignore

@@ -0,0 +1,17 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+# git config --global core.excludesfile ~/.gitignore_global
+
+# Ignore bundler config
+/.bundle
+
+# Ignore the build directory
+/build
+
+# Ignore Sass' cache
+/.sass-cache
+
+# Ignore .DS_store file
+.DS_Store

data/Gemfile

@@ -0,0 +1,13 @@
+# If you have OpenSSL installed, we recommend updating
+# the following line to use "https"
+source 'http://rubygems.org'
+
+gem "middleman", "~>3.2.0"
+gem 'middleman-gh-pages'
+gem 'erubis'
+
+# Live-reloading plugin
+gem "middleman-livereload", "~> 3.1.0"
+
+# For faster file watcher updates on Windows:
+gem "wdm", "~> 0.1.0", :platforms => [:mswin, :mingw]

data/Gemfile.lock

@@ -0,0 +1,103 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    activesupport (3.2.15)
+      i18n (~> 0.6, >= 0.6.4)
+      multi_json (~> 1.0)
+    chunky_png (1.2.9)
+    coffee-script (2.2.0)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.6.3)
+    compass (0.12.2)
+      chunky_png (~> 1.2)
+      fssm (>= 0.2.7)
+      sass (~> 3.1)
+    em-websocket (0.5.0)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0.5.3)
+    erubis (2.7.0)
+    eventmachine (1.0.3)
+    execjs (1.4.0)
+      multi_json (~> 1.0)
+    ffi (1.9.3)
+    fssm (0.2.10)
+    haml (4.0.4)
+      tilt
+    hike (1.2.3)
+    http_parser.rb (0.5.3)
+    i18n (0.6.5)
+    kramdown (1.2.0)
+    listen (1.3.1)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9)
+      rb-kqueue (>= 0.2)
+    middleman (3.2.0)
+      coffee-script (~> 2.2.0)
+      compass (>= 0.12.2)
+      execjs (~> 1.4.0)
+      haml (>= 3.1.6)
+      kramdown (~> 1.2)
+      middleman-core (= 3.2.0)
+      middleman-sprockets (>= 3.1.2)
+      sass (>= 3.1.20)
+      uglifier (~> 2.1.0)
+    middleman-core (3.2.0)
+      activesupport (~> 3.2.6)
+      bundler (~> 1.1)
+      i18n (~> 0.6.1)
+      listen (~> 1.1)
+      rack (>= 1.4.5)
+      rack-test (~> 0.6.1)
+      thor (>= 0.15.2, < 2.0)
+      tilt (~> 1.3.6)
+    middleman-gh-pages (0.0.2)
+      rake (> 0.9.3)
+    middleman-livereload (3.1.0)
+      em-websocket (>= 0.2.0)
+      middleman-core (>= 3.0.2)
+      multi_json (~> 1.0)
+      rack-livereload
+    middleman-sprockets (3.2.0)
+      middleman-core (~> 3.2)
+      sprockets (~> 2.1)
+      sprockets-helpers (~> 1.0.0)
+      sprockets-sass (~> 1.0.0)
+    multi_json (1.8.2)
+    rack (1.5.2)
+    rack-livereload (0.3.15)
+      rack
+    rack-test (0.6.2)
+      rack (>= 1.0)
+    rake (10.1.0)
+    rb-fsevent (0.9.3)
+    rb-inotify (0.9.2)
+      ffi (>= 0.5.0)
+    rb-kqueue (0.2.0)
+      ffi (>= 0.5.0)
+    sass (3.2.12)
+    sprockets (2.10.0)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    sprockets-helpers (1.0.1)
+      sprockets (~> 2.0)
+    sprockets-sass (1.0.2)
+      sprockets (~> 2.0)
+      tilt (~> 1.1)
+    thor (0.18.1)
+    tilt (1.3.7)
+    uglifier (2.1.2)
+      execjs (>= 0.3.0)
+      multi_json (~> 1.0, >= 1.0.2)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  erubis
+  middleman (~> 3.2.0)
+  middleman-gh-pages
+  middleman-livereload (~> 3.1.0)
+  wdm (~> 0.1.0)

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Joël Quenneville
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,26 @@
+Refills
+-------
+
+Copy-paste style components for any Bourbon/Neat/Bitters project.
+
+See examples and get the code snippets [here](http://thoughtbot.github.io/refills/)
+
+## Using with a Rails project
+
+Add gem to your Gemfile
+
+    gem 'refills'
+
+The gem provides the following Rails generators
+
+* `rails generate refills:list`
+Lists all the available snippets
+
+* `rails generate refills:import SNIPPET`
+Copies partials to `app/views/refills` and stylesheets to
+`app/assets/stylesheets/refills`
+
+
+## Other projects
+
+You will need to copy-paste from the [website](http://thoughtbot.github.io/refills/)

data/Rakefile

@@ -0,0 +1,2 @@
+require 'bundler/gem_tasks'
+require 'middleman-gh-pages'

data/config.rb

@@ -0,0 +1,101 @@
+require 'erubis'
+###
+# Compass
+###
+
+# Change Compass configuration
+# compass_config do |config|
+#   config.output_style = :compact
+# end
+
+###
+# Page options, layouts, aliases and proxies
+###
+
+# Per-page layout changes:
+#
+# With no layout
+# page "/path/to/file.html", :layout => false
+#
+# With alternative layout
+# page "/path/to/file.html", :layout => :otherlayout
+#
+# A path which all have the same layout
+# with_layout :admin do
+#   page "/admin/*"
+# end
+
+# Proxy pages (http://middlemanapp.com/dynamic-pages/)
+# proxy "/this-page-has-no-template.html", "/template-file.html", :locals => {
+#  :which_fake_page => "Rendering a fake page with a local variable" }
+
+###
+# Helpers
+###
+
+# Automatic image dimensions on image_tag helper
+# activate :automatic_image_sizes
+
+# Reload the browser automatically whenever files change
+# activate :livereload
+
+# Methods defined in the helpers block are available in templates
+# helpers do
+#   def some_helper
+#     "Helping"
+#   end
+# end
+
+activate :directory_indexes
+
+# set :build_dir, "tmp"
+
+set :css_dir, 'stylesheets'
+
+set :js_dir, 'javascripts'
+
+set :images_dir, 'images'
+
+helpers do
+  def snippet(snippet_name)
+    partial 'snippet', locals: { snippet: snippet_name }
+  end
+
+  def html_snippet(partial_name)
+    partial 'html_snippet', locals: { snippet: partial_name }
+  end
+
+  def stylesheet_snippet(snippet)
+    source_dir = File.expand_path('../source', __FILE__)
+    snippet_filename = "_#{snippet}.scss"
+    snippet_path = File.join(source_dir, 'stylesheets', 'refills', snippet_filename)
+    partial 'stylesheet_snippet', locals: { file_path: snippet_path }
+  end
+end
+
+ready do
+  sprockets.append_path 'vendor/stylesheets'
+  sprockets.append_path 'vendor/javascripts'
+end
+
+# Build-specific configuration
+configure :build do
+
+  activate :relative_assets
+  set :relative_links, true
+  
+  # For example, change the Compass output style for deployment
+  # activate :minify_css
+
+  # Minify Javascript on build
+  # activate :minify_javascript
+
+  # Enable cache buster
+  # activate :asset_hash
+
+  # Use relative URLs
+  # activate :relative_assets
+
+  # Or use a different image path
+  # set :http_prefix, "/Content/images/"
+end

data/lib/refills.rb

@@ -0,0 +1,2 @@
+require 'refills/import_generator'
+require 'refills/list_generator'

data/lib/refills/import_generator.rb

@@ -0,0 +1,15 @@
+module Refills
+  class ImportGenerator < Rails::Generators::Base
+    desc 'Copy refills'
+    source_root File.expand_path("../../../source", __FILE__)
+    argument :snippet, type: :string, required: true
+
+    def copy_html
+      copy_file "_#{snippet}.html.erb", "app/views/refills/_#{snippet}.html.erb"
+    end
+
+    def copy_styles
+      copy_file "stylesheets/refills/_#{snippet}.scss", "app/assets/stylesheets/refills/_#{snippet}.scss"
+    end
+  end
+end

data/lib/refills/list_generator.rb

@@ -0,0 +1,20 @@
+module Refills
+  class ListGenerator < Rails::Generators::Base
+    desc 'List refills'
+
+    def list
+      puts 'Available Refills'
+      puts '================='
+      stylesheets.each do |file_name|
+        puts '- ' + file_name.gsub(/_|\.scss/, '')
+      end
+    end
+
+    private
+    def stylesheets
+      refills_dir = File.expand_path('../../../source/stylesheets/refills', __FILE__)
+      stylesheets = Dir.entries(refills_dir)
+      stylesheets.reject {|f| f == '.' || f == '..' }
+    end
+  end
+end

data/lib/refills/version.rb

@@ -0,0 +1,3 @@
+module Refills
+  VERSION = '0.0.1'
+end

data/refills.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'refills/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "refills"
+  spec.version       = Refills::VERSION
+  spec.authors       = ["Joël Quenneville", "Magnus Gyllensward", "Christian Reuter", "Lisa Sy", "Paul Smith"]
+  spec.email         = ["magnus@thoughtbot.com"]
+  spec.description   = %q{Refills}
+  spec.summary       = %q{Refills}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

data/source/_accordion-tabs.html.erb

@@ -0,0 +1,48 @@
+<ul class="accordion-tabs">
+  <li><a href="#" class="active">Item 1</a>
+    <section>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt pellentesque lorem, id suscipit dolor rutrum id. Morbi facilisis porta volutpat. Fusce adipiscing, mauris quis congue tincidunt, sapien purus suscipit odio, quis dictum odio tortor in sem. Ut sit amet libero nec orci mattis fringilla. Praesent eu ipsum in sapien tincidunt molestie sed ut magna. Nam accumsan dui at orci rhoncus pharetra tincidunt elit ullamcorper. Sed ac mauris ipsum. Nullam imperdiet sapien id purus pretium id aliquam mi ullamcorper.</p>
+    </section>
+  </li>
+  <li><a href="#">Item 2</a>
+    <section>
+      <p>Ut laoreet augue et neque pretium non sagittis nibh pulvinar. Etiam ornare tincidunt orci quis ultrices. Pellentesque ac sapien ac purus gravida ullamcorper. Duis rhoncus sodales lacus, vitae adipiscing tellus pharetra sed. Praesent bibendum lacus quis metus condimentum ac accumsan orci vulputate. Aenean fringilla massa vitae metus facilisis congue. Morbi placerat eros ac sapien semper pulvinar. Vestibulum facilisis, ligula a molestie venenatis, metus justo ullamcorper ipsum, congue aliquet dolor tortor eu neque. Sed imperdiet, nibh ut vestibulum tempor, nibh dui volutpat lacus, vel gravida magna justo sit amet quam. Quisque tincidunt ligula at nisl imperdiet sagittis. Morbi rutrum tempor arcu, non ultrices sem semper a. Aliquam quis sem mi.</p>
+    </section>
+  </li>
+  <li><a href="#">Item 3</a>
+    <section>
+      <p>Donec mattis mauris gravida metus laoreet non rutrum sem viverra. Aenean nibh libero, viverra vel vestibulum in, porttitor ut sapien. Phasellus tempor lorem id justo ornare tincidunt. Nulla faucibus, purus eu placerat fermentum, velit mi iaculis nunc, bibendum tincidunt ipsum justo eu mauris. Nulla facilisi. Vestibulum vel lectus ac purus tempus suscipit nec sit amet eros. Nullam fringilla, enim eu lobortis dapibus, quam magna tincidunt nibh, sit amet imperdiet dolor justo congue turpis.</p>    
+    </section>
+  </li>
+  <li><a href="#">Item 4</a>
+    <section>
+      <p>Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus dui urna, mollis vel suscipit in, pharetra at ligula. Pellentesque a est vel est fermentum pellentesque sed sit amet dolor. Nunc in dapibus nibh. Aliquam erat volutpat. Phasellus vel dui sed nibh iaculis convallis id sit amet urna. Proin nec tellus quis justo consequat accumsan. Vivamus turpis enim, auctor eget placerat eget, aliquam ut sapien.</p
+    </section>
+  </li>
+</ul>
+
+<script>
+$(document).ready(function () {
+
+  $('.accordion-tabs').children('li').first().children('a').addClass('active')
+    .next().addClass('is-open').show();
+
+  $('.accordion-tabs').on('click', 'li > a', function() {
+
+    if (!$(this).hasClass('active')) {
+
+      event.preventDefault()
+
+      $('.accordion-tabs .is-open').removeClass('is-open').hide();
+      $(this).next().toggleClass('is-open').toggle();
+
+      $('.accordion-tabs').find('.active').removeClass('active');
+        $(this).addClass('active');
+    }
+
+    else {
+      event.preventDefault()
+    }
+  });
+});
+</script>

data/source/_accordion.html.erb

@@ -0,0 +1,33 @@
+<ul class="accordion-menus">
+  <li>
+    <a href="#" class="js-accordion-trigger">Item 1</a>
+    <ul class="submenu">
+      <li>
+        <a href="">Sub Item 1</a>
+      </li>
+      <li>
+        <a href="">Sub Item 2</a>
+      </li>
+    </ul>
+  </li>
+  <li>
+    <a href="#" class="js-accordion-trigger">Item 2</a>
+    <ul class="submenu">
+      <li>
+        <a href="">Sub Item 1</a>
+      </li>
+      <li>
+        <a href="">Sub Item 2</a>
+      </li>
+    </ul>
+  </li>
+</ul>
+
+<script>
+  jQuery('.js-accordion-trigger') // find the trigger
+    .bind('click focus', function(){
+      jQuery(this).parent().find('ul').slideToggle('fast');  // apply the toggle to the ul
+      jQuery(this).parent().toggleClass('is-expanded');
+      event.preventDefault();
+  });
+</script>