sb-styleguide 0.0.9 → 1.0.0

data/vendor/assets/stylesheets/styleguide/base/_lists.css.scss

@@ -12,15 +12,8 @@
   padding: 0;
 
   & > li {
-    display: inline-block;
+    display:block;
     margin-right: $column-gutter/4;
-    *display: inline;
-    *zoom: 1;
-
-    &:last-child {
-      margin-right: 0;
-    }
-
   }
   
   .divider {
@@ -34,19 +27,31 @@
 // Action list Collapse state
 // ==========================================================================
 
-@mixin test {
-$gridSize: length($grids);
-$lastMQ: nth( nth($grids, $gridSize), 4);
-
-@media ( $lastMQ ) {
-
+@include smallest-query(true){
+  // Pass true to output outside
+  // media query for IE
   .action-list.collapse {
     & > li {
-      display: block;
+      display: inline-block;
+      margin:0;
+      @if old-ie {
+        *display: inline;
+        *zoom: 1;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
     }
   }
-
-}
 }
 
-@include test();
+
+// ==========================================================================
+// Action list - hoz
+// ==========================================================================
+.unset-list {
+  padding-left: 0;
+  list-style: none;
+  list-style-image: none;
+}

data/vendor/assets/stylesheets/styleguide/base/_type.css.scss

@@ -95,8 +95,8 @@ h4, .h4, h5, .h5 {
 }
 
 h1, .h1 {
-  font-size: ms(5);
-  line-height: 1.34;
+  font-size: ms(3);
+  line-height: 1.19;
 }
 
 h2, .h2 {
@@ -120,10 +120,12 @@ h5, .h5 {
   font-weight: normal;
 }
 
-@include smallest-query {
+@include smallest-query(true) {
+  // Pass true to output outside
+  // media query for IE
   h1, .h1 {
-    font-size: ms(3);
-    line-height: 1.19;
+    font-size: ms(5);
+    line-height: 1.34;
   }
 }
 
@@ -185,6 +187,10 @@ code {
   background-color: transparentize( $main-color, 0.7);
 }
 
+pre > code {
+  display: block;
+}
+
 // Improves readability of pre-formatted text in all browsers.
 
 pre {

data/vendor/assets/stylesheets/styleguide/grid/_grid.css.scss

@@ -47,12 +47,14 @@
 
 .row {
   @include clearfix;
-
   $padding-pos: 3;
-  $query-pos: 4;
+  //$query-pos: 4;
+  $query-pos: 5;
+
   @each $grid in $grids {
     @if(length($grid) == $query-pos ) {
-      @include media-query( nth($grid,$query-pos)) {
+      //@include media-query( nth($grid,$query-pos)) {
+      @include media-query($grid) {
         .row {
           margin: 0 0px-(0.5*nth($grid,$padding-pos));
         }
@@ -81,12 +83,10 @@
 
 .column {
   position: relative;
-  float: left;
-//  padding: 0 ($column-gutter/2);
+  
+  //padding: 0 ($column-gutter/2);
 
-  & + &:last-child {
-    float: right;
-  }
+  
 
   &.center {
     float: none;
@@ -124,4 +124,4 @@
     *width:auto;
     *zoom:1;
   }
-}
+}

data/vendor/assets/stylesheets/styleguide/modules/_switch.css.scss

@@ -16,28 +16,44 @@
   }
 }
 
-$query-pos: 4;
-@each $grid in $grids {
-  // If there is a media query
-  @if(length($grid) == $query-pos) {
-    @include media-query( nth($grid,$query-pos)) {
-      .#{nth($grid,1)}switch-content {
-        display: none;
-
-        &.is-active {
-          display: block;
-        }
+@mixin switch-content($grid-name, $nested-grid-name){
+  @if($grid-name == $nested-grid-name) {
+    .#{$grid-name}switch-content {
+      display: none;
+      &.is-active {
+        display: block;
       }
     }
   }
   @else {
-        .switch-content {
+    .#{$grid-name}switch-content {
+      display: block;
+      &.is-active {
         display: none;
-
-        &.is-active {
-          display: block;
-        }
       }
+    }
+  }
+}
+
+@each $grid in $grids {
+  $grid-name: nth($grid, 1);
+
+  @each $nested-grid in $grids {
+    $nested-grid-name: nth($nested-grid, 1);
+    // If there is a media query
+    @include is-responsive($nested-grid) {
+      @include switch-content($grid-name, $nested-grid-name);
+    }   
+  }
+}
+
+
+
+.switch-content {
+  display: none;
+
+  &.is-active {
+    display: block;
   }
 }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sb-styleguide
 version: !ruby/object:Gem::Version
-  version: 0.0.9
+  version: 1.0.0
   prerelease: 
 platform: ruby
 authors:
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-01-21 00:00:00.000000000 Z
+date: 2013-05-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: haml
@@ -180,36 +180,106 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- .codoopts
+- .env
 - .gitignore
-- .rvmrc
+- .ruby-version
 - Capfile
 - Gemfile
 - Gemfile.lock
 - Guardfile
 - LICENSE
+- Procfile
 - README.md
 - Rakefile
+- app/assets/images/layouts/basic-marketing-site.png
+- app/assets/images/layouts/jumbotron-site.png
 - app/assets/images/rails.png
 - app/assets/javascripts/application.js
+- app/assets/javascripts/base.js.coffee
+- app/assets/javascripts/grids.js.coffee
+- app/assets/javascripts/javascript.js.coffee
 - app/assets/javascripts/lib/modernizr.js
+- app/assets/javascripts/modules.js.coffee
+- app/assets/stylesheets/application-old-ie.css.scss
 - app/assets/stylesheets/application.css.scss
-- app/assets/stylesheets/coderay_githubish.css.scss
+- app/assets/stylesheets/base/_all.scss
+- app/assets/stylesheets/base/_reset.css.scss
+- app/assets/stylesheets/base/_type.scss
+- app/assets/stylesheets/modules/_coderay.css.scss
+- app/assets/stylesheets/modules/_layout_examples.css.scss
+- app/assets/stylesheets/modules/_webfont_table.css.scss
+- app/assets/stylesheets/vanilla-normal-old-ie.css.scss
+- app/assets/stylesheets/vanilla-normal.css.scss
 - app/controllers/application_controller.rb
+- app/controllers/base_controller.rb
+- app/controllers/grids_controller.rb
+- app/controllers/javascript_controller.rb
 - app/controllers/javascripts_controller.rb
+- app/controllers/modules_controller.rb
 - app/controllers/ui_controller.rb
-- app/helpers/application_helper.rb
-- app/helpers/javascripts_helper.rb
-- app/helpers/ui_helper.rb
-- app/mailers/.gitkeep
-- app/models/.gitkeep
-- app/views/javascripts/_js_nav.html.haml
-- app/views/javascripts/index.html.haml
+- app/helpers/styleguide_helper.rb
+- app/views/base/_webfonts_social_standard.html
+- app/views/base/_webfonts_ss_standard.html
+- app/views/base/buttons.html.haml
+- app/views/base/forms.html.haml
+- app/views/base/images.html.haml
+- app/views/base/index.html.haml
+- app/views/base/labels.html.haml
+- app/views/base/lists.html.haml
+- app/views/base/webfonts.html.haml
+- app/views/grids/index.html.haml
+- app/views/grids/layouts.html.haml
+- app/views/grids/layouts/basic-marketing-site.haml
+- app/views/grids/layouts/jumbotron-site.haml
 - app/views/layouts/_main_nav.html.haml
 - app/views/layouts/application.html.haml
+- app/views/modules/alerts.html.haml
+- app/views/modules/footer.html.haml
+- app/views/modules/index.html.haml
+- app/views/modules/nav.html.haml
+- app/views/modules/panels.html.haml
+- app/views/modules/tabs.html.haml
+- app/views/old_javascript/close.html.haml
+- app/views/old_javascript/forms.html.haml
+- app/views/old_javascript/ga_events.html.haml
+- app/views/old_javascript/index.html.haml
+- app/views/old_javascript/responsive_resize.html.haml
+- app/views/old_javascript/switch.html.haml
+- app/views/parts/base/_button.haml
+- app/views/parts/base/_button_colours.haml
+- app/views/parts/base/_button_group.haml
+- app/views/parts/base/_button_sizing.haml
+- app/views/parts/base/_button_states.haml
+- app/views/parts/base/_form_example.haml
+- app/views/parts/base/_form_example_horizontal.haml
+- app/views/parts/base/_form_group.haml
+- app/views/parts/base/_form_location.haml
+- app/views/parts/base/_labels.haml
+- app/views/parts/base/_labels_sizing.haml
+- app/views/parts/base/_list.haml
+- app/views/parts/base/_list_action.haml
+- app/views/parts/base/_list_nav.haml
+- app/views/parts/base/_list_unset.haml
+- app/views/parts/base/_type_body.haml
+- app/views/parts/base/_type_headings.haml
+- app/views/parts/base/_type_helpers.haml
+- app/views/parts/base/_type_links.haml
+- app/views/parts/base/_type_shouts.haml
+- app/views/parts/grids/_example_layout_1.haml
+- app/views/parts/grids/_live_grid.haml
+- app/views/parts/modules/_alerts.haml
+- app/views/parts/modules/_nav_footer.haml
+- app/views/parts/modules/_nav_header.haml
+- app/views/parts/modules/_panels.haml
+- app/views/parts/modules/_tabs_minimal.haml
+- app/views/parts/modules/_tabs_simple_group.haml
+- app/views/parts/modules/_tabs_simple_group_toggle.haml
+- app/views/parts/modules/_tabs_toggle.haml
+- app/views/parts/modules/_tabs_traditional.haml
 - app/views/shared/_placeholder_text.html.haml
-- app/views/type/_headings.haml
-- app/views/type/_paragraphs.haml
-- app/views/ui/_ui_nav.html.haml
+- app/views/shared/_title.html.haml
+- app/views/shared/_ui_nav.html.haml
 - app/views/ui/alert.html.haml
 - app/views/ui/buttons.html.haml
 - app/views/ui/footer.html.haml
@@ -229,11 +299,34 @@ files:
 - lib/sb-styleguide.rb
 - lib/sb-styleguide/version.rb
 - lib/tasks/.gitkeep
+- lib/templates/haml/scaffold/_form.html.haml
 - log/.gitkeep
 - public/404.html
 - public/422.html
 - public/500.html
 - public/favicon.ico
+- public/javascripts/LICENSE.html
+- public/javascripts/README.md.html
+- public/javascripts/assets/codo.css
+- public/javascripts/assets/codo.js
+- public/javascripts/assets/search_data.js
+- public/javascripts/class_index.html
+- public/javascripts/class_list.html
+- public/javascripts/classes/Close.html
+- public/javascripts/classes/GAEvent.html
+- public/javascripts/classes/ResizeHandler.html
+- public/javascripts/classes/Switch.html
+- public/javascripts/classes/TBGForm.html
+- public/javascripts/extra_list.html
+- public/javascripts/file_list.html
+- public/javascripts/files/styleguide/plugins/tbg-close.js.coffee.html
+- public/javascripts/files/styleguide/plugins/tbg-forms.js.coffee.html
+- public/javascripts/files/styleguide/plugins/tbg-ga-events.js.coffee.html
+- public/javascripts/files/styleguide/plugins/tbg-respinsiveresize.js.coffee.html
+- public/javascripts/files/styleguide/plugins/tbg-switch.js.coffee.html
+- public/javascripts/index.html
+- public/javascripts/method_list.html
+- public/javascripts/mixin_list.html
 - public/robots.txt
 - sb-styleguide.gemspec
 - script/rails
@@ -270,6 +363,26 @@ files:
 - vendor/assets/javascripts/styleguide/lib/jquery.fitvids.js
 - vendor/assets/javascripts/styleguide/lib/ss-social.js
 - vendor/assets/javascripts/styleguide/lib/ss-standard.js
+- vendor/assets/javascripts/styleguide/plugins/doc/assets/codo.css
+- vendor/assets/javascripts/styleguide/plugins/doc/assets/codo.js
+- vendor/assets/javascripts/styleguide/plugins/doc/assets/search_data.js
+- vendor/assets/javascripts/styleguide/plugins/doc/class_index.html
+- vendor/assets/javascripts/styleguide/plugins/doc/class_list.html
+- vendor/assets/javascripts/styleguide/plugins/doc/classes/Close.html
+- vendor/assets/javascripts/styleguide/plugins/doc/classes/GAEvent.html
+- vendor/assets/javascripts/styleguide/plugins/doc/classes/ResizeHandler.html
+- vendor/assets/javascripts/styleguide/plugins/doc/classes/Switch.html
+- vendor/assets/javascripts/styleguide/plugins/doc/classes/TBGForm.html
+- vendor/assets/javascripts/styleguide/plugins/doc/extra_list.html
+- vendor/assets/javascripts/styleguide/plugins/doc/file_list.html
+- vendor/assets/javascripts/styleguide/plugins/doc/files/tbg-close.js.coffee.html
+- vendor/assets/javascripts/styleguide/plugins/doc/files/tbg-forms.js.coffee.html
+- vendor/assets/javascripts/styleguide/plugins/doc/files/tbg-ga-events.js.coffee.html
+- vendor/assets/javascripts/styleguide/plugins/doc/files/tbg-respinsiveresize.js.coffee.html
+- vendor/assets/javascripts/styleguide/plugins/doc/files/tbg-switch.js.coffee.html
+- vendor/assets/javascripts/styleguide/plugins/doc/index.html
+- vendor/assets/javascripts/styleguide/plugins/doc/method_list.html
+- vendor/assets/javascripts/styleguide/plugins/doc/mixin_list.html
 - vendor/assets/javascripts/styleguide/plugins/tbg-close.js.coffee
 - vendor/assets/javascripts/styleguide/plugins/tbg-forms.js.coffee
 - vendor/assets/javascripts/styleguide/plugins/tbg-ga-events.js.coffee
@@ -291,7 +404,6 @@ files:
 - vendor/assets/stylesheets/styleguide/base/webfonts/ss-social.css.scss
 - vendor/assets/stylesheets/styleguide/base/webfonts/ss-standard.css.scss
 - vendor/assets/stylesheets/styleguide/grid/_grid.css.scss
-- vendor/assets/stylesheets/styleguide/layout/_all.css.scss
 - vendor/assets/stylesheets/styleguide/modules/_alert.css.scss
 - vendor/assets/stylesheets/styleguide/modules/_all-grid.css.scss
 - vendor/assets/stylesheets/styleguide/modules/_all-no-grid.css.scss
@@ -303,7 +415,6 @@ files:
 - vendor/assets/views/forms/_vertical_form.haml
 - vendor/assets/views/type/_headings.haml
 - vendor/assets/views/type/_paragraphs.haml
-- vendor/plugins/.gitkeep
 homepage: https://github.com/thebeansgroup/sb-styleguide
 licenses: []
 post_install_message: 
@@ -316,15 +427,21 @@ required_ruby_version: !ruby/object:Gem::Requirement
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
+      segments:
+      - 0
+      hash: 713574395429536481
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
+      segments:
+      - 0
+      hash: 713574395429536481
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.24
+rubygems_version: 1.8.23
 signing_key: 
 specification_version: 3
 summary: styleguide
@@ -338,4 +455,3 @@ test_files:
 - spec/javascripts/plugins/tbg-ga-events_spec.js.coffee
 - spec/javascripts/plugins/tbg-switch_spec.js.coffee
 - spec/javascripts/spec.js.coffee
-has_rdoc: 

data/.rvmrc

@@ -1 +0,0 @@
-rvm use 1.9.3-p194

data/app/helpers/application_helper.rb

@@ -1,13 +0,0 @@
-require 'coderay'
-
-module ApplicationHelper
-
-def example
-  capture_haml do
-    haml_tag :div, :class => "sg-example"  do
-      yield
-    end
-  end
-end
-
-end