refills 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 96c9acd760ddbd40d94c82ebd9ace42b36a070a7
-  data.tar.gz: b525e5d9fd76bc75ae908f964bf871cb59e562ac
+  metadata.gz: fbcf9786e52ff918c8307dfcb1710985f0c3ea4f
+  data.tar.gz: 43d5ef834a250929c73af2c3b1c544713797b503
 SHA512:
-  metadata.gz: 3054c91575d1c057b5e9b856f36e4242a18fadf0fc56f75767c6f6b1da4b22b28b6d5095a402083841da3dbce596ecf7f349c8b3ce56cac4027b1ac0d70adc9e
-  data.tar.gz: 00706dda998cc594b59f7e638f97176fa731c404e711cda98de44adb1cfbe0ba3fa3ca8c39ade8e253295836d416b1a55c65f4ecfaf40fff0de7b35238ae8cb9
+  metadata.gz: 73b4a0e3c6e9d317b6b89605062924497900dc563ae620e14aff7570b4939283fbade375e460d74bf985996a9de26d077b78821948cb2f0950c4e6f0750a1bda
+  data.tar.gz: 208752ecfecc62e75f20c728402837047255a7fec3cd4cce1a8aa136f28abffafb2d5d22f5acb1e5faef057b24f19945002692a3a28aebd8d357c6fd3be3961b

data/.hound.yml

@@ -1,6 +1,7 @@
-scss:
-  enabled: true
 java_script:
   enabled: true
 ruby:
   enabled: true
+scss:
+  config_file: .scss-lint.yml
+  enabled: true

data/.ruby-version

@@ -1 +1 @@
-2.1.5
+2.3.0

data/.scss-lint.yml

@@ -1,18 +1,35 @@
+# Up-to-date with SCSS-Lint v0.47
+
+scss_files: "**/*.scss"
+
+severity: warning
+
 linters:
   BangFormat:
     enabled: true
     space_before_bang: true
     space_after_bang: false
 
+  BemDepth:
+    enabled: false
+    max_elements: 1
+
   BorderZero:
+    enabled: true
+    convention: zero
+
+  ChainedClasses:
     enabled: false
 
   ColorKeyword:
-    enabled: true
-    severity: warning
+    enabled: false
+
+  ColorVariable:
+    enabled: false
 
   Comment:
     enabled: true
+    style: silent
 
   DebugStatement:
     enabled: true
@@ -20,6 +37,9 @@ linters:
   DeclarationOrder:
     enabled: true
 
+  DisableLinterReason:
+    enabled: false
+
   DuplicateProperty:
     enabled: true
 
@@ -34,22 +54,28 @@ linters:
   EmptyRule:
     enabled: true
 
+  ExtendDirective:
+    enabled: true
+
   FinalNewline:
     enabled: true
     present: true
 
   HexLength:
-    enabled: false
+    enabled: true
     style: short
 
   HexNotation:
-    enabled: true
+    enabled: false
     style: lowercase
 
   HexValidation:
     enabled: true
 
-  IdWithExtraneousSelector:
+  IdSelector:
+    enabled: true
+
+  ImportantRule:
     enabled: true
 
   ImportPath:
@@ -59,6 +85,7 @@ linters:
 
   Indentation:
     enabled: true
+    allow_non_nested_indentation: false
     character: space
     width: 2
 
@@ -72,44 +99,71 @@ linters:
 
   NameFormat:
     enabled: true
+    allow_leading_underscore: true
     convention: hyphenated_lowercase
 
   NestingDepth:
     enabled: true
-    max_depth: 4
-    severity: warning
+    max_depth: 3
+    ignore_parent_selectors: false
 
   PlaceholderInExtend:
+    enabled: true
+
+  PrivateNamingConvention:
     enabled: false
+    prefix: _
+
+  PropertyCount:
+    enabled: false
+    include_nested: false
+    max_properties: 10
 
   PropertySortOrder:
     enabled: true
     ignore_unspecified: false
-    severity: warning
+    min_properties: 2
+    separate_groups: false
 
   PropertySpelling:
     enabled: true
     extra_properties: []
+    disabled_properties: []
+
+  PropertyUnits:
+    enabled: true
+    global: [
+      'ch', 'em', 'ex', 'rem',
+      'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q',
+      'vh', 'vw', 'vmin', 'vmax',
+      'deg', 'grad', 'rad', 'turn',
+      'ms', 's',
+      'Hz', 'kHz',
+      'dpi', 'dpcm', 'dppx',
+      '%']
+    properties:
+      line-height: []
+
+  PseudoElement:
+    enabled: true
 
   QualifyingElement:
     enabled: true
-    allow_with_attribute: false
-    allow_with_class: false
-    allow_with_id: false
-    severity: warning
+    allow_element_with_attribute: false
+    allow_element_with_class: false
+    allow_element_with_id: false
 
   SelectorDepth:
     enabled: true
-    max_depth: 2
-    severity: warning
+    max_depth: 3
 
   SelectorFormat:
-    enabled: true
-    convention: hyphenated_lowercase
+    enabled: false
+    convention: hyphenated_BEM
 
   Shorthand:
     enabled: true
-    severity: warning
+    allowed_shorthands: [1, 2, 3]
 
   SingleLinePerProperty:
     enabled: true
@@ -120,6 +174,7 @@ linters:
 
   SpaceAfterComma:
     enabled: true
+    style: one_space
 
   SpaceAfterPropertyColon:
     enabled: true
@@ -128,6 +183,17 @@ linters:
   SpaceAfterPropertyName:
     enabled: true
 
+  SpaceAfterVariableColon:
+    enabled: true
+    style: one_space
+
+  SpaceAfterVariableName:
+    enabled: true
+
+  SpaceAroundOperator:
+    enabled: true
+    style: one_space
+
   SpaceBeforeBrace:
     enabled: true
     style: space
@@ -144,8 +210,14 @@ linters:
   TrailingSemicolon:
     enabled: true
 
+  TrailingWhitespace:
+    enabled: true
+
   TrailingZero:
-    enabled: false
+    enabled: true
+
+  TransitionAll:
+    enabled: true
 
   UnnecessaryMantissa:
     enabled: true
@@ -154,20 +226,21 @@ linters:
     enabled: true
 
   UrlFormat:
-    enabled: true
+    enabled: false
 
   UrlQuotes:
     enabled: true
 
-  VendorPrefixes:
+  VariableForProperty:
+    enabled: false
+    properties: []
+
+  VendorPrefix:
     enabled: true
-    identifier_list: bourbon
-    include: []
-    exclude: []
+    identifier_list: base
 
   ZeroUnit:
     enabled: true
-    severity: warning
 
   Compass::*:
     enabled: false

data/CONTRIBUTING.md

@@ -1,8 +1,9 @@
 # Contributing
 
-You are more than welcome to submit any component or pattern you can’t find in
-the library, or feel free to send requests for content you’d like to see. When
-submitting a pull request, please think of these style guides:
+We love pull requests from everyone. By participating in this project, you
+agree to abide by the thoughtbot [code of conduct]. Here’s a quick guide:
+
+[code of conduct]: https://thoughtbot.com/open-source-code-of-conduct
 
 ## HTML.erb
 

data/Gemfile

@@ -1,15 +1,18 @@
-source 'https://rubygems.org'
+source "https://rubygems.org"
 
-gem 'middleman'
+ruby "2.3.0"
 
-gem 'bourbon', '~> 4.1.0'
-gem 'middleman-gh-pages'
-gem 'middleman-livereload', '~> 3.1.0'
-gem 'neat', '~> 1.7.0'
-gem 'sass', '~> 3.4.0'
+gem "bourbon", "~> 5.0.0.beta.6"
+gem "middleman", "~> 4.1"
+gem "middleman-autoprefixer", "~> 2.7"
+gem "middleman-gh-pages", "~> 0.3"
+gem "middleman-livereload", "~> 3.4"
+gem "middleman-sprockets", "= 4.0.0.rc.1"
+gem "neat", "~> 1.7"
+gem "sassc", "~> 1.8"
 
 group :test do
-  gem 'rspec'
-  gem "generator_spec", github: "stevehodgkiss/generator_spec", tag: "0.9.3"
-  gem 'railties'
+  gem "generator_spec", "~> 0.9.3"
+  gem "railties"
+  gem "rspec"
 end

data/README.md

@@ -1,19 +1,27 @@
 [![Refills](http://images.thoughtbot.com/bourbon/refills-logo.svg)](http://refills.bourbon.io)
 
-[![Gem Version](http://img.shields.io/gem/v/refills.svg?style=flat)](https://rubygems.org/gems/refills)
-[![Build Status](https://travis-ci.org/thoughtbot/refills.svg?branch=master)](https://travis-ci.org/thoughtbot/refills)
-
-## Prepackaged patterns and components built with Bourbon and Neat
+## Components and patterns built with Bourbon and Neat
 
 - **[Examples & Code Snippets](http://refills.bourbon.io)**
 - **[Changelog](https://github.com/thoughtbot/refills/releases)**
 - **[Issues & Bugs](https://github.com/thoughtbot/refills/issues)**
 
+Follow the [@bourbonsass](https://twitter.com/bourbonsass) Twitter account
+for updates.
+
 ## Requirements
 
-- [Sass](https://github.com/sass/sass) 3.3+
-- [Bourbon](https://github.com/thoughtbot/bourbon) 4.0+
-- [Neat](https://github.com/thoughtbot/neat) 1.6+
+- [Sass] 3.3+
+- [Bourbon] 5.0+
+- [Neat] 1.6+
+
+It’s recommended that you use [Autoprefixer], as Refills do not come packaged
+with vendor prefixes.
+
+[Sass]: https://github.com/sass/sass
+[Bourbon]: https://github.com/thoughtbot/bourbon
+[Neat]: https://github.com/thoughtbot/neat
+[Autoprefixer]: https://github.com/postcss/autoprefixer
 
 ## Installation
 
@@ -30,7 +38,7 @@ Alternative to copy-pasting manually, we also have a Refills gem that allows you
 1. Add Refills to your Gemfile:
 
   ```ruby
-  gem 'refills'
+  gem "refills", group: :development
   ```
 
 2. Then run:
@@ -76,16 +84,24 @@ body {
 - [Bourbon](https://github.com/thoughtbot/bourbon): A simple and lightweight mixin library for Sass
 - [Neat](https://github.com/thoughtbot/neat): A lightweight semantic grid framework for Sass and Bourbon
 - [Bitters](https://github.com/thoughtbot/bitters): Scaffold styles, variables and structure for Bourbon projects
-- [Refills](https://github.com/thoughtbot/refills): Prepackaged patterns and components built with Bourbon, Neat and Bitters
-
-## Credits
+- [Refills](https://github.com/thoughtbot/refills): Components and patterns built with Bourbon and Neat
 
-[![thoughtbot](http://images.thoughtbot.com/bourbon/thoughtbot-logo.svg)](http://thoughtbot.com)
+## License
 
-Refills is maintained and funded by [thoughtbot, inc](http://thoughtbot.com). Tweet your questions or suggestions to [@bourbonsass](https://twitter.com/bourbonsass) and while you’re at it follow us too.
+Copyright © 2014–2015 [thoughtbot, inc](http://thoughtbot.com). Refills is free software, and may be redistributed under the terms specified in the [license](LICENSE.md).
 
 Whenever code for Refills is borrowed or inspired by existing code, we try to credit the original developer/designer in our source code. [Let us know](mailto:design+bourbon@thoughtbot.com) if you think any credit is absent.
 
-## License
+## About thoughtbot
 
-Copyright © 2014–2015 [thoughtbot, inc](http://thoughtbot.com). Refills is free software, and may be redistributed under the terms specified in the [license](LICENSE.md).
+[<img src="http://thoughtbot.github.io/images/signature.svg" width="250" alt="thoughtbot logo">][hire]
+
+Refills is maintained and funded by thoughtbot, inc.
+The names and logos for thoughtbot are trademarks of thoughtbot, inc.
+
+We love open source software!
+See [our other projects][community]
+or [hire us][hire] to design, develop, and grow your product.
+
+[community]: https://thoughtbot.com/community?utm_source=github
+[hire]: https://thoughtbot.com/hire-us?utm_source=github

data/circle.yml

@@ -0,0 +1,7 @@
+general:
+  branches:
+    ignore:
+      - gh-pages
+test:
+  override:
+    - bundle exec rake

data/config.rb

@@ -1,18 +1,9 @@
-require 'erubis'
-require 'lib/snippet_helpers'
-
+activate :autoprefixer
 activate :directory_indexes
 
-set :css_dir, 'stylesheets'
-set :images_dir, 'images'
-set :js_dir, 'javascripts'
-
-helpers SnippetHelpers
-
-ready do
-  sprockets.append_path 'vendor/stylesheets'
-  sprockets.append_path 'vendor/javascripts'
-end
+set :css_dir, "stylesheets"
+set :images_dir, "images"
+set :js_dir, "javascripts"
 
 configure :development do
   activate :livereload

data/{lib → helpers}/snippet_helpers.rb

@@ -2,8 +2,9 @@ module SnippetHelpers
   SOURCE_DIR = File.expand_path('../../source', __FILE__)
 
   class Snippet
-    def initialize(name)
+    def initialize(name, namespace: "")
       @name = name
+      @namespace = namespace
     end
 
     def path
@@ -12,12 +13,12 @@ module SnippetHelpers
 
     private
 
-    attr_reader :name
+    attr_reader :name, :namespace
   end
 
   class HtmlSnippet < Snippet
     def path_segments
-      [SOURCE_DIR, "_#{name.underscore}.html.erb"]
+      [SOURCE_DIR, namespace, "_#{name.underscore}.html.erb"]
     end
 
     def language
@@ -27,7 +28,7 @@ module SnippetHelpers
 
   class ScssSnippet < Snippet
     def path_segments
-      [SOURCE_DIR, 'stylesheets', 'refills', "_#{name.dasherize}.scss"]
+      [SOURCE_DIR, "stylesheets", "refills", namespace, "_#{name.dasherize}.scss"]
     end
 
     def language
@@ -37,7 +38,7 @@ module SnippetHelpers
 
   class JavaScriptSnippet < Snippet
     def path_segments
-      [SOURCE_DIR, 'javascripts', 'refills', "#{name.underscore}.js"]
+      [SOURCE_DIR, "javascripts", "refills", namespace, "#{name.underscore}.js"]
     end
 
     def language
@@ -52,6 +53,7 @@ module SnippetHelpers
         "javascripts",
         "refills",
         "coffeescript",
+        namespace,
         "#{name.underscore}.coffee"
       ]
     end
@@ -74,7 +76,13 @@ module SnippetHelpers
       JavaScriptSnippet,
       CoffeeScriptSnippet,
     ].map do |snippet_factory|
-      render_snippet snippet_factory.new(name)
+      if name.include?("/")
+        *namespace, file = name.split("/")
+      else
+        namespace = []
+        file = name
+      end
+      render_snippet snippet_factory.new(file, namespace: namespace)
     end.join("\n")
   end