groundworkcss 2.0.2 → 2.0.4

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

@@ -314,7 +314,7 @@
 //                             "center";
 // $typography-classes:        true;
 // $typography-helpers:        "align-top" "align-right" "align-bottom" "align-left" "align-center" "justify"
-//                             "truncate";
+//                             "truncate" "unstyled";
 // $border-classes:            true;
 // $border-helpers:            "bordered" "border-right" "border-left" "border-top" "border-bottom";
 // $radius-classes:            true;

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

@@ -32,7 +32,7 @@ $responsive:              true !default;
 }
 
 %row {
-  @extend %clear;
+  @include _clear;
   width: $one-whole;
 }
 

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

@@ -25,7 +25,7 @@ $layout-helpers:      "inline" "inline-block" "block"
 
 $typography-classes:  true !default;
 $typography-helpers:  "align-top" "align-right" "align-bottom" "align-left" "align-center" "justify"
-                      "truncate" !default;
+                      "truncate" "unstyled" !default;
 
 $border-classes:      true !default;
 $border-helpers:      "bordered" "border-right" "border-left" "border-top" "border-bottom" !default;
@@ -44,7 +44,7 @@ $transition-classes:  true !default;
 ///////////////////////
 
 @mixin _clear                       { clear: both;
-  &:after                           { content:''; display:block; clear:both; }
+  &:after                           { content: " "; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
 }
 @mixin _clearfix                    { @include _clear; } // alias
 
@@ -96,6 +96,9 @@ $transition-classes:  true !default;
 @mixin _medium                    { font-size:1em; }
 @mixin _large                     { font-size:1.5em; }
 
+@mixin _italic                    { font-style: italic; }
+@mixin _bold                      { font-weight: 900; }
+
 @mixin _zero                      { margin:0; padding:0; }
 
 @mixin _pull-right                { float:right; }
@@ -114,6 +117,8 @@ $transition-classes:  true !default;
 @mixin _align-left                { text-align:left; }
 @mixin _align-center              { text-align:center; }
 @mixin _justify                   { text-align:justify; }
+@mixin _unstyled                  { margin: 0; padding: 0; list-style: none; }
+
 
 @mixin _truncate                  { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
 
@@ -138,7 +143,9 @@ $transition-classes:  true !default;
 //    placeholders   //
 ///////////////////////
 
-%clear, %clearfix { @include _clear;}
+%clear, %clearfix { clear: both;
+  &:after         { content: " "; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
+}
 
 %padded           { @include _padded;
   &.half          { @include _padded(0.5); }
@@ -246,6 +253,9 @@ $transition-classes:  true !default;
 %medium           { @include _medium; }
 %big, %large      { @include _large; }
 
+%em, %italic      { @include _italic; }
+%b, %bold, %strong{ @include _bold; }
+
 %zero             { @include _zero; }
 
 %pull-right       { @include _pull-right; }
@@ -264,6 +274,7 @@ $transition-classes:  true !default;
 %align-left       { @include _align-left; }
 %align-center     { @include _align-center; }
 %justify          { @include _justify; }
+%unstyled         { @extend %zero; list-style: none; }
 
 %truncate         { @include _truncate; }
 
@@ -292,9 +303,7 @@ $transition-classes:  true !default;
   @for $i from 1 through length($layout-helpers) {
     .#{nth($layout-helpers, $i)} { @extend %#{nth($layout-helpers, $i)}; }
   }
-  .clear, .clearfix { @extend %clear;
-    &:after         { content:''; display:block; clear:both; }
-  }
+  .clear, .clearfix { @extend %clear; }
 }
 @if $positioning-classes {
   .stick, .fixed    { @extend %fixed;

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

@@ -148,6 +148,112 @@ $font-family: Helvetica, Arial, Geneva, sans-serif !default;
 }
 
 
+///////////////////////
+//     Typography    //
+///////////////////////
+
+// multi-columns
+@mixin _multi-column($count: 2) {
+  column-count: $count;
+}
+
+
+///////////////////////
+//     Navigation    //
+///////////////////////
+
+// responsive navigation
+@mixin hamburger-mode($filters: "") {
+    .nav#{$filters} {
+      &:before {
+        float: left;
+        display: inline-block;
+        content: attr(title);
+        padding: 0.25em 0.5em;
+        font-weight: bold;
+      }
+      button.hamburger {
+        display: inline-block;
+        &:before {
+          @include icon-FontAwesome();
+          content: $icon-list;
+        }
+        &[aria-expanded="true"] {
+          &:before {
+            content: $icon-collapse-top;
+          }
+        }
+      }
+      > ul {
+        display: none;
+      }
+      > ul[aria-expanded="true"] {
+        display: block;
+      }
+      li {
+        float: none;
+        display: block;
+        ul {
+          position: static;
+        }
+        li {
+          a, button {
+            text-indent: $gutter;
+          }
+          li {
+            a, button {
+              text-indent: ($gutter * 2);
+            }
+          }
+        }
+        &[role="menu"] {
+          ul {
+            border: none;
+            a, button {
+              border-top: none;
+              border-bottom: $border-thickness $border-style $nav-border-color;
+            }
+          }
+          > a, > button {
+            &:after {
+              float: none;
+              content: $icon-caret-down;
+            }
+          }
+          &[aria-pressed="true"] {
+            > a, > button {
+              &:after {
+                content: $icon-caret-up;
+              }
+            }
+          }
+        }
+      }
+      a, button:not(.hamburger) {
+        display: block;
+        width: 100%;
+        text-align: left;
+        border-bottom: $border-thickness $border-style $nav-border-color;
+      }
+      @for $i from 1 through length($modifier-name) {
+        &.#{nth($modifier-name, $i)} {
+          li ul a, li[role="menu"] ul a, a,
+          li ul button, li[role="menu"] ul button, button {
+            border-top: none;
+            border-bottom: $border-thickness $border-style darken(nth($modifier-code, $i), 5%);
+            @include rounded(0);
+          }
+        }
+      }
+    }
+    > ul li:last-child {
+      a, button {
+        border-bottom: none;
+      }
+    }
+}
+
+
 ///////////////////////
 //    CSS3 helpers   //
 ///////////////////////

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

@@ -4,18 +4,62 @@
 // ============================================
 
 
-// custom settings
-@import "settings";                   // customizable settings
+//---------- CUSTOM SETTINGS: ----------//
+@import "settings";         // customizable settings
 
-// core
-@import "core/all-core";              // constants, defaults, mixins, breakpoints, color palette
-@import "base/all-base";              // reset, globals, grid, flexbox, helpers
 
-// components
-@import "icons/all-icons";            // font awesome icons
-@import "type/all-type";              // typography, web fonts
-@import "ui/all-ui";                  // navigation, buttons, boxes, messages, tables, tabs, forms
-@import "anim/all-animations";        // animations
 
-// responsive adjustments
-@import "responsive/all-responsive";  // responsive (helpers, desktop, ipad, small-tablet, mobile)
+//-------- REQUIRED COMPONENTS: --------//
+@import "core/all-core";    // constants, defaults, mixins, breakpoints, color palette
+@import "base/all-base";    // reset, globals, grid, flexbox, helpers
+@import "icons/all-icons";  // font awesome icons
+
+
+
+//-------- OPTIONAL COMPONENTS: --------//
+
+// Typography
+@import "type/all-type";
+// individual typography modules
+// @import "type/link-type-icons";
+// @import "type/typography";
+// @import "type/webfonts";
+
+// UI
+@import "ui/all-ui";
+// individual UI modules
+// @import "ui/boxes";
+// @import "ui/buttons";
+// @import "ui/forms";
+// @import "ui/messages";
+// @import "ui/nav";
+// @import "ui/tables";
+// @import "ui/tabs";
+
+// Animations
+@import "anim/all-animations";
+// individual animation modules
+// @import "anim/bounce";
+// @import "anim/fade";
+// @import "anim/flash";
+// @import "anim/flip";
+// @import "anim/hinge";
+// @import "anim/lightspeed";
+// @import "anim/pulse";
+// @import "anim/roll";
+// @import "anim/rotate";
+// @import "anim/shake";
+// @import "anim/spin";
+// @import "anim/swing";
+// @import "anim/tada";
+// @import "anim/wiggle";
+// @import "anim/wobble";
+
+// Responsive Components
+@import "responsive/all-responsive";
+// individual responsive modules
+// @import "responsive/helpers-responsive";
+// @import "responsive/desktop";
+// @import "responsive/ipad";
+// @import "responsive/small-tablet";
+// @import "responsive/mobile";

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

@@ -4,6 +4,9 @@
 // =============================================
 
 $responsive: true !default;
+$navigation-classes: true !default;
+$multi-column-classes:      true !default;
+$multi-column-names:        "one-column" "two-column" "three-column" "four-column" "five-column" !default;
 
 
 @mixin desktop {

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

@@ -4,6 +4,9 @@
 // =============================================
 
 $responsive: true !default;
+$navigation-classes: true !default;
+$multi-column-classes:      true !default;
+$multi-column-names:        "one-column" "two-column" "three-column" "four-column" "five-column" !default;
 
 
 @mixin ipad {

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

@@ -4,6 +4,9 @@
 // =============================================
 
 $responsive: true !default;
+$navigation-classes: true !default;
+$multi-column-classes:      true !default;
+$multi-column-names:        "one-column" "two-column" "three-column" "four-column" "five-column" !default;
 
 
 @mixin mobile {

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

@@ -4,6 +4,9 @@
 // =============================================
 
 $responsive: true !default;
+$navigation-classes: true !default;
+$multi-column-classes:      true !default;
+$multi-column-names:        "one-column" "two-column" "three-column" "four-column" "five-column" !default;
 
 
 @mixin small-tablet {

data/app/assets/stylesheets/groundworkcss/type/_typography.scss

@@ -158,11 +158,6 @@ $placeholderText-fallback:  true !default;
   }
 }
 
-%unstyled {
-  @extend %zero;
-  list-style: none;
-}
-
 %ul-checklist {
   @extend %unstyled;
   margin-left: 0;
@@ -242,20 +237,11 @@ $placeholderText-fallback:  true !default;
   }
 }
 
-%small              { @include _small; }
-%medium             { @include _medium; }
-%big, %large        { @include _large; }
-%em, %italic        { font-style: italic; }
-%b, %bold, %strong  { font-weight: 900; }
 %sup                { @extend %relative, %small; top: -0.4em; }
 %sub                { @extend %relative, %small; top: 0.2em; }
 %monospace          { font-family: monospace; }
 %del, %strike       { text-decoration: line-through; }
 
-@mixin _multi-column($count: 2) {
-  column-count: $count;
-}
-
 %one-column {
   @include _multi-column(1);
 }

data/app/assets/stylesheets/groundworkcss/ui/_nav.scss

@@ -19,7 +19,8 @@ $default-radius:      4px !default;
 
 
 %navigation {
-  @extend %clear, %relative;
+  @extend %relative;
+  @include _clear;
   background: $nav-color;
   color: $nav-text;
   border: $border-thickness $border-style $nav-border-color;
@@ -99,96 +100,6 @@ $default-radius:      4px !default;
   }
 }
 
-@mixin hamburger-mode($filters: "") {
-    .nav#{$filters} {
-      &:before {
-        float: left;
-        display: inline-block;
-        content: attr(title);
-        padding: 0.25em 0.5em;
-        font-weight: bold;
-      }
-      button.hamburger {
-        display: inline-block;
-        &:before {
-          @include icon-FontAwesome();
-          content: $icon-list;
-        }
-        &[aria-expanded="true"] {
-          &:before {
-            content: $icon-collapse-top;
-          }
-        }
-      }
-      > ul {
-        display: none;
-      }
-      > ul[aria-expanded="true"] {
-        display: block;
-      }
-      li {
-        float: none;
-        display: block;
-        ul {
-          position: static;
-        }
-        li {
-          a, button {
-            text-indent: $gutter;
-          }
-          li {
-            a, button {
-              text-indent: ($gutter * 2);
-            }
-          }
-        }
-        &[role="menu"] {
-          ul {
-            border: none;
-            a, button {
-              border-top: none;
-              border-bottom: $border-thickness $border-style $nav-border-color;
-            }
-          }
-          > a, > button {
-            &:after {
-              float: none;
-              content: $icon-caret-down;
-            }
-          }
-          &[aria-pressed="true"] {
-            > a, > button {
-              &:after {
-                content: $icon-caret-up;
-              }
-            }
-          }
-        }
-      }
-      a, button:not(.hamburger) {
-        display: block;
-        width: 100%;
-        text-align: left;
-        border-bottom: $border-thickness $border-style $nav-border-color;
-      }
-      @for $i from 1 through length($modifier-name) {
-        &.#{nth($modifier-name, $i)} {
-          li ul a, li[role="menu"] ul a, a,
-          li ul button, li[role="menu"] ul button, button {
-            border-top: none;
-            border-bottom: $border-thickness $border-style darken(nth($modifier-code, $i), 5%);
-            @include rounded(0);
-          }
-        }
-      }
-    }
-    > ul li:last-child {
-      a, button {
-        border-bottom: none;
-      }
-    }
-}
-
 @if $navigation-classes {
   .no-js {
     .nav {

data/lib/groundworkcss/version.rb

@@ -1,3 +1,3 @@
 module Groundworkcss
-  VERSION = "2.0.2"
+  VERSION = "2.0.4"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: groundworkcss
 version: !ruby/object:Gem::Version
-  version: 2.0.2
+  version: 2.0.4
   prerelease: 
 platform: ruby
 authors:
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-09-18 00:00:00.000000000 Z
+date: 2013-09-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: colorize
@@ -320,6 +320,7 @@ files:
 - groundworkcss-0.4.3.gem
 - groundworkcss-2.0.0.gem
 - groundworkcss-2.0.1.gem
+- groundworkcss-2.0.2.gem
 - groundworkcss.gemspec
 - lib/groundworkcss.rb
 - lib/groundworkcss/engine.rb