groundworkcss 0.3.2 → 0.4.0

data/app/assets/stylesheets/groundworkcss/base/_flex-box.scss

@@ -4,24 +4,32 @@
 // =============================================
 
 
-%flex-wrapper {
-  display: -webkit-box;         /* OLD - iOS 6-, Safari 3.1-6 */
-  display: -moz-box;            /* OLD - Firefox 19- (buggy but mostly works) */
-  display: -ms-flexbox;         /* TWEENER - IE 10 */
-  display: -webkit-flex;        /* NEW - Chrome */
-  display: flex;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
+@mixin flex-wrapper() {
+  display: -webkit-box;             // OLD - iOS 6-, Safari 3.1-6
+  display: -moz-box;                // OLD - Firefox 19- (buggy but mostly works)
+  display: -ms-flexbox;             // TWEENER - IE 10
+  display: -webkit-flex;            // NEW - Chrome
+  display: flex;                    // New spec - Opera 12.1, Firefox 20+
 }
 
-%flex-box {
-  -webkit-box-flex: 1;          /* OLD - iOS 6-, Safari 3.1-6 */
-  -moz-box-flex: 1;             /* OLD - Firefox 19- */
-  width: 100%;                  /* For old syntax, otherwise collapses. */
-  -webkit-flex: 1;              /* Chrome */
-  -ms-flex: 1;                  /* IE 10 */
-  flex: 1;                      /* NEW, Spec - Opera 12.1, Firefox 20+ */
+@mixin flex-box($values: 1) {
+  width: percent(1/$values);        // For old syntax, otherwise collapses.
+  -webkit-box-flex: $values;        // OLD - iOS 6-, Safari 3.1-6
+  -moz-box-flex: $values;           // OLD - Firefox 19-
+  -webkit-flex: $values;            // Chrome
+  -ms-flex: $values;                // IE 10
+  flex: $values;                    // New spec - Opera 12.1, Firefox 20+
 }
 
-%vertical-center {
+@mixin flex-order($val) {
+  -webkit-box-ordinal-group: $val;  // OLD - iOS 6-, Safari 3.1-6
+  -moz-box-ordinal-group: $val;     // OLD - Firefox 19-
+  -ms-flex-order: $val;             // IE 10
+  -webkit-order: $val;              // Chrome
+  order: $val;                      // New spec
+}
+
+@mixin vertical-center() {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-box-pack: center;
@@ -33,6 +41,19 @@
   box-pack: center;
 }
 
+
+%flex-wrapper {
+  @include flex-wrapper();
+}
+
+%flex-box {
+  @include flex-box();
+}
+
+%vertical-center {
+  @include vertical-center();
+}
+
 @if $flexbox-classes {
   .flex-wrapper {
     @extend %flex-wrapper;

data/app/assets/stylesheets/groundworkcss/base/_grid.scss

@@ -82,6 +82,8 @@ $selectors: if($grid-classes, "%" ".", "%");
       width: nth($grid-adapters, $i) !important;
       clear: none !important;
       float: left !important;
+      left: 0 !important;
+      right: 0 !important;
     }
   }
 }
@@ -102,6 +104,8 @@ $selectors: if($grid-classes, "%" ".", "%");
       width: nth($grid-adapters, $i) !important;
       clear: none !important;
       float: left !important;
+      left: 0 !important;
+      right: 0 !important;
       &:nth-child(#{$i + 1}) {
         clear: both !important;
       }

data/app/assets/stylesheets/groundworkcss/core/_defaults.scss

@@ -13,12 +13,13 @@ $root_path:           "../" !default;      // path to HTML document root (relati
 $images_path:         "images/" !default;  // path to images (relative from $root_path)
 $fonts_path:          "fonts/" !default;    // path to fonts (relative from $root_path)
 $boxsizing_path:      "/js/libs/boxsizing.htc" !default;  // path to box sizing polyfill (change to absolute path from HTML document root)
+$PIE_path:            "/js/libs/PIE.htc" !default;  // path to IE CSS3 polyfill (change to absolute path from HTML document root)
 
 // build options
 $reset:               true !default;       // enable CSS reset (recommended)
 // elements that will be reset (refine this to only include elements that you actually use in your markup patterns for optimal performance)
 $reset-elements:      html body
-                      div span header footer aside nav menu section article details
+                      div span header footer aside nav menu main section article details
                       h1 h2 h3 h4 h5 h6 p
                       ol ul li dl dt dd
                       em small big strong b u i sub sup del strike
@@ -41,7 +42,7 @@ $gutter:              10px !default;       // gutter spacing (used by padded/gap
 
 // flexbox settings
 $flexbox-classes:    true !default;       // enable output of flexbox classes    (optional)
-$flexbox-helpers:    flex-wrapper flex-box vertical-center !default;
+$flexbox-helpers:    flex-wrapper flex-box vertical-center !default; // for flexbox order use @include flex-order($val);
 
 // helper settings
 $layout-classes:      true !default;       // enable output of layout helpers     (recommended)

data/app/assets/stylesheets/groundworkcss/core/_mixins.scss

@@ -47,6 +47,19 @@
 // gradient
 @mixin gradient($startColor: $white, $endColor: $gray-2, $direction: "top") {
   @include background-image(linear-gradient($direction, $startColor, $endColor));
+  @if $direction == "top" {
+    $direction: "to bottom";
+  } @elseif $direction == "bottom" {
+    $direction: "to top";
+  } @else {
+    @if $direction == "left" {
+      $direction: "to right";
+    } @else {
+      $direction: "to left";
+    }
+  }
+  -pie-background: linear-gradient($direction, $startColor, $endColor);  // IE 6-7  -- Thank Jason for these polyfills for legacy IE browsers: http://css3pie.com/
+  *behavior: url($PIE_path);  // IE 6-7  -- Thank Jason for these polyfills for legacy IE browsers: http://css3pie.com/
 }
 
 // filter drop shadow
@@ -124,6 +137,7 @@
     // no output if $default-radius is set to a zero value
   } @else {
     @include border-radius($radius);
+    *behavior: url($PIE_path);  // IE 6-7  -- Thank Jason for these polyfills for legacy IE browsers: http://css3pie.com/
   }
 }
 

data/app/assets/stylesheets/groundworkcss/groundwork.scss

@@ -5,7 +5,7 @@
 
 
 // custom settings
-@import "settings";                   // customizable settings
+// @import "settings";                   // customizable settings
 
 // core
 @import "core/all-core";              // constants, defaults, mixins

data/app/assets/stylesheets/groundworkcss/nav/_buttons.scss

@@ -44,10 +44,10 @@
   color:$button-active-text;
 }
 
-%button-small     { @extend %small; }
-%button-large     { @extend %large; }
-%button-square    { @extend %square; }
-%button-round     { @extend %round; }
+%button-small     { @include _small; }
+%button-large     { @include _large; }
+%button-square    { @include _square; }
+%button-round     { @include _round; }
 %button-disabled  { @include state(disabled,normal,desaturate($button-color,20%)); }
 
 @for $i from 1 through length($modifier-name) {
@@ -238,16 +238,16 @@
 }
 
 @mixin button_modifiers() {
-  @for $i from 1 through length($button-states) {
-    &.#{nth($button-states, $i)} {
-      @extend %button-#{nth($button-states, $i)};
-    }
-  }
   @for $i from 1 through length($button-modifiers) {
     &.#{nth($button-modifiers, $i)} {
       @extend %button-#{nth($button-modifiers, $i)};
     }
   }
+  @for $i from 1 through length($button-states) {
+    &.#{nth($button-states, $i)} {
+      @extend %button-#{nth($button-states, $i)};
+    }
+  }
   // modifier colors
   @for $i from 1 through length($modifier-name) {
     &.#{nth($modifier-name, $i)} {

data/app/assets/stylesheets/groundworkcss/responsive/_desktop.scss

@@ -14,6 +14,7 @@
     .zero-desktop { @include helper_reset(); }
     .no-padding-desktop, .no-pad-desktop { @include helper_reset(padding, $spacers: padded pad-top pad-right pad-bottom pad-left); }
     .no-margin-desktop, .no-gap-desktop { @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left); }
+    .no-border-desktop { border: 0; }
     @content;
   }
 }

data/app/assets/stylesheets/groundworkcss/responsive/_helpers.scss

@@ -6,11 +6,11 @@
 .desktop-only { display: block; }
 .hide-on-desktop {}
 // ipad helpers
-.ipad-only { display: none; }
+.ipad-only { display: none !important; }
 .hide-on-ipad {}
 // small tablet helpers
-.small-tablet-only { display: none; }
+.small-tablet-only { display: none !important; }
 .hide-on-small-tablet {}
 // mobile helpers
-.mobile-only { display: none; }
+.mobile-only { display: none !important; }
 .hide-on-mobile {}

data/app/assets/stylesheets/groundworkcss/responsive/_ipad.scss

@@ -17,6 +17,7 @@
     .zero-ipad { @include helper_reset(); }
     .no-padding-ipad, .no-pad-ipad { @include helper_reset(padding, $spacers: padded pad-top pad-right pad-bottom pad-left); }
     .no-margin-ipad, .no-gap-ipad { @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left); }
+    .no-border-ipad { border: 0; }
     @content;
   }
 }

data/app/assets/stylesheets/groundworkcss/responsive/_mobile.scss

@@ -13,12 +13,17 @@
     // conditional helpers
     .mobile-only { display: block !important; }
     span.mobile-only { display: inline !important; }
+    .hide-on-small-tablet { display: block !important; }
+    span.hide-on-small-tablet { display: inline !important; }
+    .small-tablet-only { display: none !important; }
+    span.small-tablet-only { display: none !important; }
     .hide-on-mobile { display: none !important; }
     .desktop-only { display: none !important; }
     // spacer overrides
     .zero-mobile { @include helper_reset(); }
     .no-padding-mobile, .no-pad-mobile { @include helper_reset(padding, $spacers: padded pad-top pad-right pad-bottom pad-left); }
     .no-margin-mobile, .no-gap-mobile { @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left); }
+    .no-border-mobile { border: 0; }
     @content;
   }
 }

data/app/assets/stylesheets/groundworkcss/responsive/_small-tablet.scss

@@ -19,6 +19,7 @@
     .zero-small-tablet { @include helper_reset(); }
     .no-padding-small-tablet, .no-pad-small-tablet { @include helper_reset(padding, $spacers: padded pad-top pad-right pad-bottom pad-left); }
     .no-margin-small-tablet, .no-gap-small-tablet { @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left); }
+    .no-border-small-tablet { border: 0; }
     @content;
   }
 }

data/app/assets/stylesheets/groundworkcss/social-icons-svg.scss

@@ -36,7 +36,7 @@
     @include rounded(6px);
   }
   &.round {
-    @include rounded(50% 50%);
+    @include rounded();
   }
   &.disabled {
     -webkit-filter:grayscale(100%);

data/groundworkcss.gemspec

@@ -22,6 +22,6 @@ Gem::Specification.new do |s|
   # s.add_development_dependency "rspec"
   # s.add_runtime_dependency "rest-client"
   s.add_runtime_dependency "compass-rails", "~> 1"
-  s.add_runtime_dependency "railties", "~> 4"
+  s.add_runtime_dependency "railties", ">= 3.1.0", "< 5.0"
   s.add_runtime_dependency "jquery-rails", "~> 3"
 end

data/lib/groundworkcss/generators/install_generator.rb

@@ -5,9 +5,17 @@ module Groundworkcss
     class InstallGenerator < Rails::Generators::Base
       source_root File.join(File.dirname(__FILE__), 'templates')
 
+      def create_example_settings
+        dir = Pathname.new(Gem.loaded_specs['groundworkcss'].full_gem_path)
+        file = File.join(dir, "app/assets/stylesheets/groundworkcss/_settings-rails#{Rails::VERSION::MAJOR}.scss")
+        create_file "app/assets/stylesheets/_groundworkcss_settings.scss", File.read(file)
+      end
+
       def add_assets
-        insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require groundworkcss\n", :after => "jquery_ujs\n"
-        insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "@import 'groundworkcss/groundwork';\n", :after => "*/\n"
+        insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require groundworkcss/libs/modernizr-2.6.2.min\n", :after => "jquery_ujs\n"
+        insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require groundworkcss\n", :after => "groundworkcss/libs/modernizr-2.6.2.min\n"
+        insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "@import 'groundworkcss_settings';\n", :after => "*/\n"
+        insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "@import 'groundworkcss/groundwork';\n", :after => "@import 'groundworkcss_settings';\n"
       end
 
       def detect_js_format

data/lib/groundworkcss/version.rb

@@ -1,3 +1,3 @@
 module Groundworkcss
-  VERSION = "0.3.2"
+  VERSION = "0.4.0"
 end

metadata

@@ -1,9 +1,15 @@
---- !ruby/object:Gem::Specification
+--- !ruby/object:Gem::Specification 
 name: groundworkcss
-version: !ruby/object:Gem::Version
-  version: 0.3.2
+version: !ruby/object:Gem::Version 
+  hash: 15
+  prerelease: 
+  segments: 
+  - 0
+  - 4
+  - 0
+  version: 0.4.0
 platform: ruby
-authors:
+authors: 
 - ghepting
 - BananaNeil
 - nicknovitski
@@ -11,59 +17,71 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-07-02 00:00:00.000000000 Z
-dependencies:
-- !ruby/object:Gem::Dependency
+
+date: 2013-07-18 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
   name: compass-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ~>
-      - !ruby/object:Gem::Version
-        version: '1'
-  type: :runtime
   prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
     - - ~>
-      - !ruby/object:Gem::Version
-        version: '1'
-- !ruby/object:Gem::Dependency
-  name: railties
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ~>
-      - !ruby/object:Gem::Version
-        version: '4'
+      - !ruby/object:Gem::Version 
+        hash: 1
+        segments: 
+        - 1
+        version: "1"
   type: :runtime
+  version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: railties
   prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ~>
-      - !ruby/object:Gem::Version
-        version: '4'
-- !ruby/object:Gem::Dependency
-  name: jquery-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ~>
-      - !ruby/object:Gem::Version
-        version: '3'
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 3
+        segments: 
+        - 3
+        - 1
+        - 0
+        version: 3.1.0
+    - - <
+      - !ruby/object:Gem::Version 
+        hash: 31
+        segments: 
+        - 5
+        - 0
+        version: "5.0"
   type: :runtime
+  version_requirements: *id002
+- !ruby/object:Gem::Dependency 
+  name: jquery-rails
   prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
+  requirement: &id003 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
     - - ~>
-      - !ruby/object:Gem::Version
-        version: '3'
-description: The official GroundworkCSS rails gem. Created by @ghepting and @ldewald.
-  GroundworkCSS is a fully responsive HTML5, CSS and Javascript toolkit created by
-  @ghepting.
-email:
+      - !ruby/object:Gem::Version 
+        hash: 5
+        segments: 
+        - 3
+        version: "3"
+  type: :runtime
+  version_requirements: *id003
+description: The official GroundworkCSS rails gem. Created by @ghepting and @ldewald. GroundworkCSS is a fully responsive HTML5, CSS and Javascript toolkit created by @ghepting.
+email: 
 - groundwork@sidereel.com
 executables: []
+
 extensions: []
+
 extra_rdoc_files: []
-files:
+
+files: 
+- .gitignore
 - Gemfile
 - README.md
 - Rakefile
@@ -328,8 +346,9 @@ files:
 - app/assets/javascripts/groundworkcss/components/tiles.coffee
 - app/assets/javascripts/groundworkcss/components/tooltips.coffee
 - app/assets/javascripts/groundworkcss/index.js
+- app/assets/javascripts/groundworkcss/libs/PIE.htc
+- app/assets/javascripts/groundworkcss/libs/PIE.js
 - app/assets/javascripts/groundworkcss/libs/boxsizing.htc
-- app/assets/javascripts/groundworkcss/libs/html5shiv.min.js
 - app/assets/javascripts/groundworkcss/libs/jquery-1.9.1.min.js
 - app/assets/javascripts/groundworkcss/libs/modernizr-2.6.2.min.js
 - app/assets/javascripts/groundworkcss/libs/placeholder_polyfill.jquery.js
@@ -348,6 +367,8 @@ files:
 - app/assets/javascripts/groundworkcss/plugins/jquery-truncateLines.coffee
 - app/assets/javascripts/groundworkcss/plugins/jquery.cycle2.js
 - app/assets/javascripts/groundworkcss/plugins/jquery.magnific-popup.js
+- app/assets/stylesheets/groundworkcss/_settings-rails3.scss
+- app/assets/stylesheets/groundworkcss/_settings-rails4.scss
 - app/assets/stylesheets/groundworkcss/_settings.scss
 - app/assets/stylesheets/groundworkcss/base/_all-base.scss
 - app/assets/stylesheets/groundworkcss/base/_animations.scss
@@ -403,25 +424,36 @@ files:
 - lib/groundworkcss/version.rb
 homepage: http://groundworkcss.github.io
 licenses: []
-metadata: {}
+
 post_install_message: 
 rdoc_options: []
-require_paths:
+
+require_paths: 
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement
-  requirements:
-  - - ! '>='
-    - !ruby/object:Gem::Version
-      version: '0'
-required_rubygems_version: !ruby/object:Gem::Requirement
-  requirements:
-  - - ! '>='
-    - !ruby/object:Gem::Version
-      version: '0'
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
 requirements: []
+
 rubyforge_project: groundworkcss
-rubygems_version: 2.0.3
+rubygems_version: 1.8.24
 signing_key: 
-specification_version: 4
+specification_version: 3
 summary: Setup GroundworkCSS on your rails projects in seconds.
 test_files: []
+

checksums.yaml

@@ -1,15 +0,0 @@
----
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    MmY4MThlMGU1M2VlYjQ0MjliNjM1OGZkZDJlZjg4OTFmODQ2ZmMyOQ==
-  data.tar.gz: !binary |-
-    YmMwYTQ3MDRhMmRlYTAwYWFiMDM3OGQ3OTcyMDQ4ZTkyMmEyNDU4Ng==
-!binary "U0hBNTEy":
-  metadata.gz: !binary |-
-    ZTI2ZTM3YzE1YmMyZjY0MmFhN2UzMDI1NGJhOWI3NzA1NWI5ZjliOGJiYTQ4
-    Zjc0OGI4ZDY5ZmQ5Mjg4MGU3MjU5ZGFiZjhjMWVjZWZmM2JmMDg4YzM0MThi
-    YTU5OGRiMzY5OTc1NTM4NTBmNjk3Mjg1NWU3MzQ5YjNhMDUzODc=
-  data.tar.gz: !binary |-
-    YWRiZjFmNzE5MzVmYWI5ZTM4M2EzODZkZjc3MWQ3ZTRhZDFmZmVkY2NjYjcy
-    Yzc1ZDA4MjUwZDQ4ZmU1YzBiYWZkZDIwOGQxN2QzMTRmMmRlYTNmNjYzNjEw
-    MDBhNGQwNTkzN2EyNTk0YWVmNmIzNGY3ZjFkMWMzYmNiNjNhNzg=

data/app/assets/javascripts/groundworkcss/libs/html5shiv.min.js

@@ -1,8 +0,0 @@
-/*
- HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
-*/
-(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
-a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
-c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
-"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",version:"3.6.2pre",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
-for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);