refills 0.1.0 → 0.2.0

data/source/stylesheets/refills/unstyled/_tooltip.scss

@@ -0,0 +1,36 @@
+.tooltip-item {
+  display: inline-block;
+  position: relative;
+  text-align: center;
+
+  &:focus .tooltip,
+  &:hover .tooltip {
+    opacity: 1;
+    visibility: visible;
+  }
+
+  .tooltip {
+    @include position(absolute, null 0 3em);
+    background-color: #f5f5f5;
+    margin-left: -2em;
+    opacity: 0;
+    text-align: center;
+    transition: all 0.2s ease-in-out;
+    visibility: hidden;
+    width: 12em;
+    z-index: 10;
+  }
+
+  .tooltip::after {
+    @include position(absolute, null 0 null);
+    bottom: -1em;
+    color: #f5f5f5;
+    content: "▼";
+    font-size: 1.4em;
+    text-align: center;
+  }
+
+  .tooltip-content {
+    margin-bottom: 0;
+  }
+}

data/source/stylesheets/refills/unstyled/_vertical-tabs.scss

@@ -0,0 +1,53 @@
+.vertical-tabs-container {
+  $large-screen: 40em !default;
+  $vertical-tabs-height: 6.25em;
+
+  @include clearfix;
+
+  .vertical-tabs {
+    display: none;
+
+    @include media($large-screen) {
+      display: inline;
+      float: left;
+      height: $vertical-tabs-height;
+      width: 20%;
+    }
+  }
+
+  .vertical-tab {
+    @include media($large-screen) {
+      display: block;
+
+      &.is-active {
+        color: #f00;
+      }
+    }
+  }
+
+  .vertical-tab-content-container {
+    display: block;
+
+    @include media($large-screen) {
+      @include size(80%, $vertical-tabs-height);
+      display: inline-block;
+    }
+  }
+
+  .vertical-tab-content {
+    @include media($large-screen) {
+      display: none;
+    }
+  }
+
+  .vertical-tab-accordion-heading {
+    cursor: pointer;
+    display: block;
+
+    @include media($large-screen) {
+      display: none;
+    }
+  }
+}
+
+// Based on code by Jett Miller jettmiller.net

data/source/stylesheets/vendor/prism.css

@@ -48,7 +48,7 @@ code[class*="language-"]::selection, code[class*="language-"] ::selection {
 /* Code blocks */
 pre[class*="language-"] {
 	padding: 1em;
-	margin: .5em 0;
+	margin: 0.5em 0;
 	overflow: auto;
 }
 
@@ -59,8 +59,8 @@ pre[class*="language-"] {
 
 /* Inline code */
 :not(pre) > code[class*="language-"] {
-	padding: .1em;
-	border-radius: .3em;
+	padding: 0.1em;
+	border-radius: 0.3em;
 }
 
 .token.comment,
@@ -75,7 +75,7 @@ pre[class*="language-"] {
 }
 
 .namespace {
-	opacity: .7;
+	opacity: 0.7;
 }
 
 .token.property,

data/source/svgs/_menu_icon.html.erb

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+   x="0px" y="0px" width="12.6px" height="9px" viewBox="0 0 12.6 9">
+  <path d="M0,0.9C0,0.4,0.4,0,0.9,0h10.8c0.5,0,0.9,0.4,0.9,0.9c0,0.5-0.4,0.9-0.9,0.9H0.9C0.4,1.8,0,1.4,0,0.9z M12.6,4.5
+    c0,0.5-0.4,0.9-0.9,0.9H0.9C0.4,5.4,0,5,0,4.5C0,4,0.4,3.6,0.9,3.6h10.8C12.2,3.6,12.6,4,12.6,4.5z M12.6,8.1
+    c0,0.5-0.4,0.9-0.9,0.9H0.9C0.4,9,0,8.6,0,8.1c0-0.5,0.4-0.9,0.9-0.9h10.8C12.2,7.2,12.6,7.6,12.6,8.1z"/>
+</svg>

data/source/svgs/_refills_logo.html.erb

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="612.4px" height="612.4px" viewBox="0 0 612.4 612.4">
+  <path d="M306.2,34.9c149.4,0,271.3,121.4,271.3,271.3c0,149.4-121.4,271.3-271.3,271.3S34.9,456.1,34.9,306.2
+    S156.4,34.9,306.2,34.9 M306.2,0C137.2,0,0,137.2,0,306.2s137.2,306.2,306.2,306.2s306.2-137.2,306.2-306.2
+    C612,136.7,475.3,0,306.2,0L306.2,0z"/>
+  <path d="M598,213.6c-3.5-10.9-7.4-21.4-11.8-31.5h-560c-4.4,10-8.3,21-11.8,31.5H598z"/>
+  <path d="M610.7,276.5c-0.9-10.5-2.6-21.4-4.8-31.5H6.1c-2.2,10.5-3.5,21-4.8,31.5H610.7z"/>
+  <path d="M0,308.4C1.3,476.6,137.6,612,306.2,612c168.2,0,304.9-135.9,306.2-303.6H0z"/>
+</svg>

data/source/type-systems.html.erb

@@ -1,7 +1,11 @@
+---
+title: Type Systems
+---
+
 <div class="refills-type-systems">
 
   <a class="js-menu-trigger-refills refills-menu-anchor fixedsticky">
-    <img src="/images/menu.png" alt="Menu icon">
+    <%= partial "svgs/menu_icon" %>
   </a>
   <div class="js-menu-screen-refills refills-menu-screen"></div>
 

data/spec/refills/import_generator_spec.rb

@@ -29,7 +29,7 @@ describe Refills::ImportGenerator, type: :generator do
     search_bar: %w[scss erb],
     search_tools: %w[scss js erb],
     side_image: %w[scss erb],
-    sliding_menu: %w[scss js erb],
+    sliding_panel: %w[scss js erb],
     snippet: %w[erb],
     switch: %w[scss erb],
     tables: %w[scss erb],

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: refills
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Christian Reuter
@@ -13,7 +13,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-02-02 00:00:00.000000000 Z
+date: 2016-08-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -43,7 +43,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: Prepackaged patterns and components built with Bourbon, Neat and Bitters.
+description: Components and patterns built with Bourbon and Neat.
 email: design+bourbon@thoughtbot.com
 executables: []
 extensions: []
@@ -54,7 +54,6 @@ files:
 - ".hound.yml"
 - ".ruby-version"
 - ".scss-lint.yml"
-- ".travis.yml"
 - CONTRIBUTING.md
 - Gemfile
 - LICENSE.md
@@ -62,12 +61,13 @@ files:
 - Rakefile
 - bin/deploy
 - bin/setup
+- circle.yml
 - config.rb
+- helpers/snippet_helpers.rb
 - lib/refills.rb
 - lib/refills/import_generator.rb
 - lib/refills/list_generator.rb
 - lib/refills/version.rb
-- lib/snippet_helpers.rb
 - refills.gemspec
 - sache.json
 - source/CNAME
@@ -97,6 +97,7 @@ files:
 - source/_hover_tile_animation.html.erb
 - source/_icon_bullet_points.html.erb
 - source/_image_gradient_dynamic.html.erb
+- source/_logo_section.html.erb
 - source/_maps.html.erb
 - source/_modal.html.erb
 - source/_navigation.html.erb
@@ -109,7 +110,7 @@ files:
 - source/_search_bar.html.erb
 - source/_search_tools.html.erb
 - source/_side_image.html.erb
-- source/_sliding_menu.html.erb
+- source/_sliding_panel.html.erb
 - source/_snippet.html.erb
 - source/_stats.html.erb
 - source/_switch.html.erb
@@ -131,6 +132,7 @@ files:
 - source/favicon.png
 - source/images/EmeraldLake.jpg
 - source/images/ZeroClipboard.swf
+- source/images/background-image.png
 - source/images/bourbon-nav/bitters.png
 - source/images/bourbon-nav/bitters@2x.png
 - source/images/bourbon-nav/bourbon.png
@@ -152,14 +154,10 @@ files:
 - source/images/mountains-3.png
 - source/images/mountains-4.png
 - source/images/mountains.png
-- source/images/placeholder_logo_1.png
-- source/images/placeholder_logo_1_dark.png
-- source/images/placeholder_logo_2.png
-- source/images/placeholder_logo_2_dark.png
-- source/images/placeholder_logo_3.png
-- source/images/placeholder_logo_3_dark.png
-- source/images/placeholder_logo_4.png
-- source/images/placeholder_logo_4_dark.png
+- source/images/new.svg
+- source/images/placeholder_square.png
+- source/images/placeholder_wide.png
+- source/images/placeholder_wider.png
 - source/images/ralph-gray.png
 - source/images/ralph.png
 - source/images/refills-logo.svg
@@ -519,14 +517,18 @@ files:
 - source/javascripts/jquery.glide.js
 - source/javascripts/menuAnchorAnimation.js
 - source/javascripts/refills/accordion.js
+- source/javascripts/refills/accordion_base.js
 - source/javascripts/refills/accordion_tabs.js
 - source/javascripts/refills/accordion_tabs_minimal.js
 - source/javascripts/refills/animate.js
+- source/javascripts/refills/base-accordion.js
 - source/javascripts/refills/centered_navigation.js
 - source/javascripts/refills/coffeescript/accordion.coffee
+- source/javascripts/refills/coffeescript/accordion_base.coffee
 - source/javascripts/refills/coffeescript/accordion_tabs.coffee
 - source/javascripts/refills/coffeescript/accordion_tabs_minimal.coffee
 - source/javascripts/refills/coffeescript/animate.coffee
+- source/javascripts/refills/coffeescript/base-accordion.coffee
 - source/javascripts/refills/coffeescript/centered_navigation.coffee
 - source/javascripts/refills/coffeescript/dropdown.coffee
 - source/javascripts/refills/coffeescript/expander.coffee
@@ -537,16 +539,28 @@ files:
 - source/javascripts/refills/coffeescript/scroll_on_page.coffee
 - source/javascripts/refills/coffeescript/search_tools.coffee
 - source/javascripts/refills/coffeescript/sliding_menu.coffee
+- source/javascripts/refills/coffeescript/sliding_panel.coffee
 - source/javascripts/refills/coffeescript/vertical_tabs.coffee
 - source/javascripts/refills/dropdown.js
 - source/javascripts/refills/expander.js
 - source/javascripts/refills/fade_in.js
 - source/javascripts/refills/modal.js
 - source/javascripts/refills/navigation.js
+- source/javascripts/refills/navigation_centered.js
 - source/javascripts/refills/parallax.js
 - source/javascripts/refills/scroll_on_page.js
 - source/javascripts/refills/search_tools.js
-- source/javascripts/refills/sliding_menu.js
+- source/javascripts/refills/sliding_panel.js
+- source/javascripts/refills/unstyled/accordion.js
+- source/javascripts/refills/unstyled/accordion_tabs.js
+- source/javascripts/refills/unstyled/dropdown.js
+- source/javascripts/refills/unstyled/expander.js
+- source/javascripts/refills/unstyled/modal.js
+- source/javascripts/refills/unstyled/navigation.js
+- source/javascripts/refills/unstyled/navigation_centered.js
+- source/javascripts/refills/unstyled/scroll_on_page.js
+- source/javascripts/refills/unstyled/sliding_panel.js
+- source/javascripts/refills/unstyled/vertical_tabs.js
 - source/javascripts/refills/vertical_tabs.js
 - source/javascripts/vendor/ZeroClipboard.min.js
 - source/javascripts/vendor/fixedsticky.js
@@ -557,9 +571,14 @@ files:
 - source/refills-menu.html.erb
 - source/refills-page-scripts.html.erb
 - source/stylesheets/_bourbon-nav.scss
+- source/stylesheets/_refill.scss
+- source/stylesheets/_refills-footer.scss
+- source/stylesheets/_refills-header.scss
+- source/stylesheets/_refills-menu.scss
 - source/stylesheets/_refills-nav.scss
 - source/stylesheets/_refills-styles.scss
-- source/stylesheets/all.scss
+- source/stylesheets/_refills-variables.scss
+- source/stylesheets/all.css.scss
 - source/stylesheets/refills/_accordion-tabs-minimal.scss
 - source/stylesheets/refills/_accordion-tabs.scss
 - source/stylesheets/refills/_accordion.scss
@@ -585,6 +604,7 @@ files:
 - source/stylesheets/refills/_hover-tile-animation.scss
 - source/stylesheets/refills/_icon-bullet-points.scss
 - source/stylesheets/refills/_image-gradient-dynamic.scss
+- source/stylesheets/refills/_logo-section.scss
 - source/stylesheets/refills/_maps.scss
 - source/stylesheets/refills/_modal.scss
 - source/stylesheets/refills/_navigation.scss
@@ -597,7 +617,7 @@ files:
 - source/stylesheets/refills/_search-bar.scss
 - source/stylesheets/refills/_search-tools.scss
 - source/stylesheets/refills/_side-image.scss
-- source/stylesheets/refills/_sliding-menu.scss
+- source/stylesheets/refills/_sliding-panel.scss
 - source/stylesheets/refills/_stats.scss
 - source/stylesheets/refills/_switch.scss
 - source/stylesheets/refills/_tables-minimal.scss
@@ -613,9 +633,29 @@ files:
 - source/stylesheets/refills/_type-system-traditional.scss
 - source/stylesheets/refills/_vertical-tabs.scss
 - source/stylesheets/refills/_video.scss
+- source/stylesheets/refills/unstyled/_accordion-tabs.scss
+- source/stylesheets/refills/unstyled/_accordion.scss
+- source/stylesheets/refills/unstyled/_button-group.scss
+- source/stylesheets/refills/unstyled/_cards.scss
+- source/stylesheets/refills/unstyled/_comment.scss
+- source/stylesheets/refills/unstyled/_dropdown.scss
+- source/stylesheets/refills/unstyled/_expander.scss
+- source/stylesheets/refills/unstyled/_footer.scss
+- source/stylesheets/refills/unstyled/_hover-menu.scss
+- source/stylesheets/refills/unstyled/_modal.scss
+- source/stylesheets/refills/unstyled/_navigation-centered.scss
+- source/stylesheets/refills/unstyled/_navigation.scss
+- source/stylesheets/refills/unstyled/_scroll-on-page.scss
+- source/stylesheets/refills/unstyled/_search-bar.scss
+- source/stylesheets/refills/unstyled/_sliding-panel.scss
+- source/stylesheets/refills/unstyled/_switch.scss
+- source/stylesheets/refills/unstyled/_tooltip.scss
+- source/stylesheets/refills/unstyled/_vertical-tabs.scss
 - source/stylesheets/vendor/fixedsticky.css
 - source/stylesheets/vendor/normalize.css
 - source/stylesheets/vendor/prism.css
+- source/svgs/_menu_icon.html.erb
+- source/svgs/_refills_logo.html.erb
 - source/type-systems.html.erb
 - spec/refills/import_generator_spec.rb
 - spec/spec_helper.rb
@@ -639,10 +679,10 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
-summary: Prepackaged patterns and components built with Bourbon, Neat and Bitters.
+summary: Components and patterns built with Bourbon and Neat.
 test_files:
 - spec/refills/import_generator_spec.rb
 - spec/spec_helper.rb

data/.travis.yml

@@ -1,8 +0,0 @@
-language: ruby
-rvm:
-- 1.9.3
-- rbx-2
-- 2.0.0
-- 2.1
-script: bundle exec rake
-sudo: false

data/source/_sliding_menu.html.erb

@@ -1,13 +0,0 @@
-<button type="button" class="js-menu-trigger sliding-menu-button">
-  <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/menu-white.png" alt="Menu Icon">
-</button>
-
-<nav class="js-menu sliding-menu-content">
-  <ul>
-    <li><a href="javascript:void(0)">Item 1</a></li>
-    <li><a href="javascript:void(0)">Item 2</a></li>
-    <li><a href="javascript:void(0)">Item 3</a></li>
-  </ul>
-</nav>
-
-<div class="js-menu-screen sliding-menu-fade-screen"></div>

data/source/javascripts/refills/sliding_menu.js

@@ -1,6 +0,0 @@
-$(document).ready(function(){
-  $('.js-menu-trigger,.js-menu-screen').on('click touchstart',function (e) {
-    $('.js-menu,.js-menu-screen').toggleClass('is-visible');
-    e.preventDefault();
-  });
-});

data/source/stylesheets/all.scss

@@ -1,66 +0,0 @@
-@import "vendor/normalize.css";
-@import "vendor/fixedsticky.css";
-@import "vendor/prism.css";
-
-@import "bourbon";
-@import "neat";
-
-@import "refills-styles";
-@import "bourbon-nav";
-@import "refills-nav";
-
-@import "refills/accordion-tabs";
-@import "refills/accordion-tabs-minimal";
-@import "refills/cards";
-@import "refills/centered-navigation";
-@import "refills/comment";
-@import "refills/device";
-@import "refills/flex-boxes";
-@import "refills/footer";
-@import "refills/footer-2";
-@import "refills/grid-items";
-@import "refills/grid-items-lines";
-@import "refills/hero";
-@import "refills/icon-bullet-points";
-@import "refills/maps";
-@import "refills/navigation";
-@import "refills/scroll-on-page";
-@import "refills/search-tools";
-@import "refills/side-image";
-@import "refills/tables";
-@import "refills/tables-minimal";
-@import "refills/vertical-tabs";
-
-@import "refills/accordion";
-@import "refills/animate";
-@import "refills/animate-info";
-@import "refills/badges";
-@import "refills/breadcrumbs";
-@import "refills/button-group";
-@import "refills/dropdown";
-@import "refills/expander";
-@import "refills/fade-in";
-@import "refills/flashes";
-@import "refills/hover-tile-animation";
-@import "refills/image-gradient-dynamic";
-@import "refills/modal";
-@import "refills/pagination";
-@import "refills/parallax";
-@import "refills/progress-bar";
-@import "refills/progress-bar-indication";
-@import "refills/ribbon";
-@import "refills/search-bar";
-@import "refills/sliding-menu";
-@import "refills/switch";
-@import "refills/stats";
-@import "refills/texture-legend";
-@import "refills/textures";
-@import "refills/tooltip";
-@import "refills/video";
-
-@import "refills/type-system-geometric";
-@import "refills/type-system-rounded";
-@import "refills/type-system-sans";
-@import "refills/type-system-serif";
-@import "refills/type-system-slab";
-@import "refills/type-system-traditional";