atlas_assets 0.1.13 → 0.1.14

data/Gemfile

@@ -1,4 +1,5 @@
 source 'https://rubygems.org'
+ruby '1.9.3'
 
 # Specify your gem's dependencies in atlas_assets.gemspec
 gemspec

data/Procfile.dev

@@ -0,0 +1,2 @@
+web: jekyll serve -w
+sass: sass --watch lib/assets/stylesheets:docs/ignore

data/docs/_posts/2013-05-30-tabs.md

@@ -0,0 +1,46 @@
+---
+layout: default
+title:  "Tabs"
+date:   2013-06-30 23:24:04
+---
+
+Tabs
+====
+
+<div class="tabs-container row-fluid">
+  <ul class="tabs span4">
+    <li data-target="#home" class="tab-anchor active">
+      Home<i class="icon-arrow-right-2"></i></li>
+    <li data-target="#tab2" class="tab-anchor">Tab 1<i class="icon-arrow-right-2"></i></li>
+    <li data-target="#tab3" class="tab-anchor">Tab 2<i class="icon-arrow-right-2"></i></li>
+    <li data-target="#this-tab" class="tab-anchor">Tab 3<i class="icon-arrow-right-2"></i></li>
+  </ul>
+
+  <div class="tab-content span8">
+    <div class="tab-pane active" id="home"><p>Content 1</p></div>
+    <div class="tab-pane" id="tab2"><p>Content 2</p></div>
+    <div class="tab-pane" id="tab3"><p>Content 3</p></div>
+    <div class="tab-pane" id="this-tab"><p>Content 4</p></div>
+  </div>
+</div>
+
+<br />
+
+~~~html
+<div class="tabs-container row-fluid">
+  <ul class="tabs span4">
+    <li data-target="#home" class="tab-anchor active">
+      Home<i class="icon-arrow-right-2"></i></li>
+    <li data-target="#tab2" class="tab-anchor">Tab 1<i class="icon-arrow-right-2"></i></li>
+    <li data-target="#tab3" class="tab-anchor">Tab 2<i class="icon-arrow-right-2"></i></li>
+    <li data-target="#this-tab" class="tab-anchor">Tab 3<i class="icon-arrow-right-2"></i></li>
+  </ul>
+
+  <div class="tab-content span8">
+    <div class="tab-pane active" id="home"><p>Content 1</p></div>
+    <div class="tab-pane" id="tab2"><p>Content 2</p></div>
+    <div class="tab-pane" id="tab3"><p>Content 3</p></div>
+    <div class="tab-pane" id="this-tab"><p>Content 4</p></div>
+  </div>
+</div>
+~~~

data/lib/assets/javascripts/atlas_assets.js

@@ -7,4 +7,5 @@
 //= require bootstrap
 //= require keypress
 //= require pusher
-//= require atlas_assets_setup
+//= require atlas_assets_setup
+//= require tabs

data/lib/assets/javascripts/tabs.js

@@ -0,0 +1,21 @@
+$(function() {
+  var makeActive = function ($el) {
+    $el.addClass('active').siblings().removeClass('active');
+  }
+
+  var showTab = function ($el) {
+    target = $($el.data().target);
+    makeActive($el);
+    makeActive(target);
+  }
+
+  $('.tabs .tab-anchor').click(function (e) {
+    // don't do anything if the click was in an input
+    if (e.target.tagName === "INPUT") {
+      e.stopPropagation();
+    } else {
+      e.preventDefault();
+      showTab($(this));
+    }
+  });
+});

data/lib/assets/stylesheets/atlas_assets.scss

@@ -14,6 +14,7 @@
 @import "atlas_assets/flash";
 @import "atlas_assets/forms";
 @import "atlas_assets/modals";
+@import "atlas_assets/tabs";
 @import "atlas_assets/utilities";
 
 @import "atlas_assets/responsive-utilities";

data/lib/assets/stylesheets/atlas_assets/_tabs.scss

@@ -0,0 +1,54 @@
+.tabs-container {
+  @include clearfix();
+
+  .tabs {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .tabs li {
+    @include box-sizing(border-box);
+    background: $lightest_gray;
+    list-style: none;
+    font-weight: bold;
+    margin: 0;
+    padding: 0;
+    padding: 1em;
+    width: 100%;
+    border-left: 2px solid $lighter_gray;
+    border-right: 2px solid $lighter_gray;
+    border-top: 2px solid $lighter_gray;
+
+    .icon-arrow-right-2 {
+      display: none;
+    }
+
+    &:last-child {
+      border-bottom: 2px solid $lighter_gray;
+    }
+
+    &:hover {
+      color: $blue;
+      cursor: pointer;
+    }
+
+    &.active .icon-arrow-right-2 {
+      display: block;
+
+      float: right;
+    }
+  }
+
+  .tab-pane {
+    @include box-sizing(border-box);
+    padding: 1em;
+    @extend .box.box-white;
+    display: none;
+
+    &.active {
+      display: block;
+    }
+  }
+}
+

data/lib/atlas_assets/version.rb

@@ -1,5 +1,5 @@
 module Atlas
 	module Assets
-		VERSION = "0.1.13"
+		VERSION = "0.1.14"
 	end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: atlas_assets
 version: !ruby/object:Gem::Version
-  version: 0.1.13
+  version: 0.1.14
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-01 00:00:00.000000000 Z
+date: 2013-08-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: handlebars_assets
@@ -39,6 +39,7 @@ files:
 - Gemfile.lock
 - LICENSE
 - Procfile
+- Procfile.dev
 - README.md
 - Rakefile
 - _config.yml
@@ -58,6 +59,7 @@ files:
 - docs/_posts/2013-05-21-forms.md
 - docs/_posts/2013-05-22-boxes.md
 - docs/_posts/2013-05-29-modals.md
+- docs/_posts/2013-05-30-tabs.md
 - docs/index.html
 - lib/assets/fonts/atlas.eot
 - lib/assets/fonts/atlas.svg
@@ -74,6 +76,7 @@ files:
 - lib/assets/javascripts/keypress.js
 - lib/assets/javascripts/pusher.js
 - lib/assets/javascripts/string.js
+- lib/assets/javascripts/tabs.js
 - lib/assets/javascripts/underscore.js
 - lib/assets/stylesheets/atlas_assets.scss
 - lib/assets/stylesheets/atlas_assets/_boxes.scss
@@ -94,6 +97,7 @@ files:
 - lib/assets/stylesheets/atlas_assets/_responsive-767.scss
 - lib/assets/stylesheets/atlas_assets/_responsive-768-979.scss
 - lib/assets/stylesheets/atlas_assets/_responsive-utilities.scss
+- lib/assets/stylesheets/atlas_assets/_tabs.scss
 - lib/assets/stylesheets/atlas_assets/_utilities.scss
 - lib/assets/stylesheets/atlas_assets/_variables.scss
 - lib/atlas_assets.rb