groundworkcss 0.2.2 → 0.2.3

data/vendor/assets/stylesheets/groundworkcss/nav/_all-nav.scss

@@ -0,0 +1,12 @@
+// =============================================
+//                 Navigation
+//          Last Updated:2013-6-25
+// =============================================
+
+
+
+
+// navigation components
+@import "buttons";      // optional (required by navigation)
+@import "navigation";   // optional
+@import "tabs";         // optional

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

@@ -22,12 +22,15 @@
   height:auto;
   text-align:center;
   @include transition(background-color 0.25s ease-out);
-  @include rounded($radius);
+  @include rounded($default-radius);
   &:hover, &:focus {
     background:$button-active;
     text-decoration:none;
     color:$button-active-text;
   }
+  .block {
+    @extend %button-block;
+  }
 }
 
 %button-on {
@@ -155,8 +158,8 @@
   left:0;
   width:100%;
   z-index:10;
-  @include drop-shadow(rgba(0,0,0,0.25), 5px, 0, 0);
-  @include rounded(0 0 $radius $radius);
+  @include box-shadow(rgba(0,0,0,0.25), 5px, 0, 0);
+  @include rounded(0 0 $default-radius $default-radius);
 }
 
 %dropdown-list-item {
@@ -176,7 +179,7 @@
     }
   }
   &:last-child {
-    @include rounded(0 0 $radius $radius);
+    @include rounded(0 0 $default-radius $default-radius);
   }
 }
 
@@ -200,10 +203,10 @@
     margin:0;
     border-radius:0;
     &:first-child a {
-      border-radius:$radius 0 0 $radius;
+      border-radius:$default-radius 0 0 $default-radius;
     }
     &:last-child a {
-      border-radius:0 $radius $radius 0;
+      border-radius:0 $default-radius $default-radius 0;
     }
     a {
       display:block;
@@ -235,10 +238,14 @@
 }
 
 @mixin button_modifiers() {
-  $modifiers: small large on active disabled info alert warning error success square round block;
-  @for $i from 1 through length($modifiers) {
-    &.#{nth($modifiers, $i)} {
-      @extend %button-#{nth($modifiers, $i)};
+  @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)};
     }
   }
   // modifier colors
@@ -249,14 +256,14 @@
   }
 }
 
-@if $tags {
+@if $button-tags {
   button,
   input[type=submit],
   input[type=button],
   input[type=reset] {
     @extend %button;
 
-    @if $classes {
+    @if $button-classes {
       @include button_modifiers;
     }
   }
@@ -284,7 +291,7 @@
 	}
 }
 
-@if $classes {
+@if $button-classes {
   .button,
   a.button,
   a.button:visited {
@@ -323,11 +330,11 @@
   }
 }
 
-@if $aria {
+@if $aria-selectors {
   [role~=button] {
     @extend %button;
 
-    @if $classes {
+    @if $button-classes {
       @include button_modifiers;
     }
   }

data/vendor/assets/stylesheets/groundworkcss/nav/_navigation.scss

@@ -1,6 +1,7 @@
-// ===================================
-//             Navigation
-// ===================================
+// =============================================
+//                 Navigation
+//          Last Updated:2013-6-25
+// =============================================
 
 
 
@@ -10,7 +11,7 @@
 }
 %menu-open {
   display:block;
-  @include filter-shadow(rgba(0,0,0,0.25), 5px, 0, 0); // color, blur, x, y
+  @include filter-shadow(rgba(0,0,0,0.25), 5px, 0, 0);
 }
 
 %nav {
@@ -73,12 +74,8 @@
             display:inline-block;
             width:1.1em;
             margin-left:0.25em;
-            font-family:FontAwesome;
-            font-weight:normal;
-            font-style:normal;
+            @include icon-FontAwesome();
             font-size:1.1em;
-            text-decoration:inherit;
-            -webkit-font-smoothing:antialiased;
             line-height:normal;
             vertical-align:baseline;
             background-image:none;
@@ -99,17 +96,17 @@
       }
       &:first-child {
         a {
-          @include rounded($radius $radius 0 0);
+          @include rounded($default-radius $default-radius 0 0);
         }
       }
       &:last-child {
         a {
-          @include rounded(0 0 $radius $radius);
+          @include rounded(0 0 $default-radius $default-radius);
         }
       }
       &:only-child {
         a {
-          @include rounded($radius);
+          @include rounded($default-radius);
         }
       }
     }
@@ -136,17 +133,17 @@
         &:first-child {
           a {
             border-top:none;
-            @include rounded(0 $radius 0 0);
+            @include rounded(0 $default-radius 0 0);
           }
         }
         &:last-child {
           a {
-            @include rounded(0 0 $radius $radius);
+            @include rounded(0 0 $default-radius $default-radius);
           }
         }
         &:only-child {
           a {
-            @include rounded(0 $radius $radius 0);
+            @include rounded(0 $default-radius $default-radius 0);
           }
         }
       }
@@ -162,17 +159,17 @@
         &:first-child {
           a {
             border-left:none;
-            @include rounded($radius 0 0 $radius);
+            @include rounded($default-radius 0 0 $default-radius);
           }
         }
         &:last-child {
           a {
-            @include rounded(0 $radius $radius 0);
+            @include rounded(0 $default-radius $default-radius 0);
           }
         }
         &:only-child {
           a {
-            @include rounded($radius);
+            @include rounded($default-radius);
           }
         }
       }
@@ -196,7 +193,7 @@
           }
           &:last-child {
             a {
-              @include rounded(0 0 $radius $radius);
+              @include rounded(0 0 $default-radius $default-radius);
             }
           }
         }
@@ -220,17 +217,17 @@
         &:first-child {
           a {
             border-left:none;
-            @include rounded($radius 0 0 $radius);
+            @include rounded($default-radius 0 0 $default-radius);
           }
         }
         &:last-child {
           a {
-            @include rounded(0 $radius $radius 0);
+            @include rounded(0 $default-radius $default-radius 0);
           }
         }
         &:only-child {
           a {
-            @include rounded($radius);
+            @include rounded($default-radius);
           }
         }
         ul {
@@ -255,7 +252,7 @@
             }
             &:last-child {
               a {
-                @include rounded(0 0 $radius $radius);
+                @include rounded(0 0 $default-radius $default-radius);
               }
             }
           }
@@ -279,7 +276,7 @@
     list-style-type:none;
     li {
       display:inline-block;
-      @include rounded($radius);
+      @include rounded($default-radius);
       padding:0 3px 0 2px;
       min-width:29px;
       a, a:visited {
@@ -293,7 +290,7 @@
         text-decoration:none;
         text-align:center;
         padding:0 3px;
-        @include rounded($radius);
+        @include rounded($default-radius);
         &:hover, &:focus {
           background:$button-active;
           color:$button-text;
@@ -324,12 +321,12 @@
       }
       &:first-child {
         a {
-          @include rounded($radius);
+          @include rounded($default-radius);
         }
       }
       &:last-child {
         a {
-          @include rounded($radius);
+          @include rounded($default-radius);
         }
       }
     }
@@ -381,13 +378,13 @@
   }
 }
 
-@if $tags {
+@if $nav-tags {
   nav {
     @extend %nav;
   }
 }
 
-@if $classes {
+@if $nav-classes {
   .nav {
     @extend %nav;
   }

data/vendor/assets/stylesheets/groundworkcss/nav/_tabs.scss

@@ -1,6 +1,7 @@
-// ===================================
-//         GroundworkCSS Tabs
-// ===================================
+// =============================================
+//                   Tabs
+//          Last Updated:2013-6-25
+// =============================================
 
 
 
@@ -28,7 +29,7 @@
   &.pull-left   { float:left; }
   &:first-child {
     margin-left:0;
-    a  {
+    a, a:visited {
       &:before {
         display:none;
       }
@@ -52,7 +53,7 @@
   line-height:1.5;
   height:2em;
   @include transition(background-color 0.25s ease-out);
-  @include rounded($radius $radius 0 0);
+  @include rounded($default-radius $default-radius 0 0);
   &:hover, &:focus {
     background:$button-active;
     border:1px solid $button-active;
@@ -111,7 +112,7 @@
   display:none;
   padding:$gutter * 2;
   background:$background-color;
-  @include rounded(0 0 $radius $radius);
+  @include rounded(0 0 $default-radius $default-radius);
   *:first-child {
     margin-top:0;
   }
@@ -129,14 +130,14 @@
   width:20%;
   background:$button-active;
   border-bottom:1px solid $button-active;
-  @include rounded($radius 0 0 $radius);
+  @include rounded($default-radius 0 0 $default-radius);
 }
 %vertical-tabs {
   float:none;
   margin:0 -1px 0 0;
   &:first-child {
     a  {
-      @include rounded($radius 0 0 0);
+      @include rounded($default-radius 0 0 0);
     }
   }
 }
@@ -162,58 +163,56 @@
   position:relative;
   left:20%;
   width:80%;
-  @include rounded(0 $radius $radius 0);
+  @include rounded(0 $default-radius $default-radius 0);
 }
 
-@if $classes {
+@if $tab-classes {
   .tabs {
     @extend %tabs;
-
-    @if $tags {
+    
+    > ul, > ol {
+      @extend %tablist;
+      li {
+        @extend %tab;
+        a, a:visited {
+          @extend %tab-link;
+        }
+      }
+    }
+    > div {
+      @extend %tabpanel;
+    }
+    &.vertical {
+      @extend %vertical-tabs;
       > ul, > ol {
-        @extend %tablist;
+        @extend %vertical-tablist;
         li {
-          @extend %tab;
+          @extend %vertical-tabs;
           a, a:visited {
-            @extend %tab-link;
+            @extend %vertical-tab-link;
           }
         }
       }
       > div {
-        @extend %tabpanel;
+        @extend %vertical-tabpanel;
       }
-      &.vertical {
-        @extend %vertical-tabs;
-        > ul, > ol {
+
+      @if $aria-selectors {
+        [role~=tablist] {
           @extend %vertical-tablist;
-          li {
+          [role~=tab] {
             @extend %vertical-tabs;
-            a, a:visited {
-              @extend %vertical-tab-link;
-            }
           }
         }
-        > div {
+        [role~=tabpanel] {
           @extend %vertical-tabpanel;
         }
-
-        @if $aria {
-          [role~=tablist] {
-            @extend %vertical-tablist;
-            [role~=tab] {
-              @extend %vertical-tabs;
-            }
-          }
-          [role~=tabpanel] {
-            @extend %vertical-tabpanel;
-          }
-        }
       }
     }
   }
 }
 
-@if $aria {
+@if $aria-selectors {
   [role~=tabpanel] {
     @extend %tabs;
     [role~=tablist] {
@@ -221,6 +220,9 @@
       background:none;
       [role~=tab] {
         @extend %tab;
+        a, a:visited {
+          @extend %tab-link;
+        }
       }
     }
     [role~=tabpanel] {

data/vendor/assets/stylesheets/groundworkcss/responsive/_all-responsive.scss

@@ -0,0 +1,14 @@
+// =============================================
+//                Responsive
+//          Last Updated:2013-6-25
+// =============================================
+
+
+
+
+// responsive adjustments
+@import "helpers";
+@import "desktop";
+@import "ipad";
+@import "small-tablet";
+@import "mobile";

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

@@ -1,6 +1,7 @@
-// ===================================
-//             Desktop
-// ===================================
+// =============================================
+//                  Desktop
+//          Last Updated:2013-6-25
+// =============================================
 
 
 
@@ -21,6 +22,7 @@
 ///////////////////////
 //      desktop      //
 ///////////////////////
+
 @include desktop {
   // do not remove -- required for desktop helpers
 }

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

@@ -1,6 +1,7 @@
-// ===================================
-//               iPad
-// ===================================
+// =============================================
+//                   iPad
+//          Last Updated:2013-6-25
+// =============================================
 
 
 
@@ -23,6 +24,7 @@
 ///////////////////////
 //       ipad        //
 ///////////////////////
+
 @include ipad {
   // do not remove -- required for ipad helpers
 }

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

@@ -1,6 +1,7 @@
-// ===================================
-//               Mobile
-// ===================================
+// =============================================
+//                  Mobile
+//          Last Updated:2013-6-25
+// =============================================
 
 
 
@@ -25,6 +26,7 @@
 ///////////////////////
 //      mobile       //
 ///////////////////////
+
 @include mobile {
   .tabs:not(.mobile) {
     > ul {
@@ -36,7 +38,7 @@
           border-bottom:none;
         }
         &:first-child a {
-          @include rounded($radius $radius 0 0);
+          @include rounded($default-radius $default-radius 0 0);
         }
       }
     }

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

@@ -1,6 +1,7 @@
-// ===================================
-//            Small Tablet
-// ===================================
+// =============================================
+//               Small Tablet
+//          Last Updated:2013-6-25
+// =============================================
 
 
 
@@ -25,6 +26,7 @@
 ///////////////////////
 //    small tablet   //
 ///////////////////////
+
 @include small-tablet {
   %nav-not-pagination {
     width:100%;
@@ -34,17 +36,17 @@
         width:100% !important;
         &:first-child {
           > a {
-            @include rounded($radius $radius 0 0);
+            @include rounded($default-radius $default-radius 0 0);
           }
         }
         &:last-child {
           > a {
-            @include rounded(0 0 $radius $radius);
+            @include rounded(0 0 $default-radius $default-radius);
           }
         }
         &:only-child {
           > a {
-            @include rounded($radius);
+            @include rounded($default-radius);
           }
         }
         a {
@@ -68,18 +70,18 @@
         }
         &:first-child {
           a {
-            @include rounded($radius $radius 0 0);
+            @include rounded($default-radius $default-radius 0 0);
           }
         }
         &:last-child {
           a {
-            @include rounded(0 0 $radius $radius);
+            @include rounded(0 0 $default-radius $default-radius);
           }
           ul {
             li {
               &:last-child {
                 a {
-                  @include rounded(0 0 $radius $radius);
+                  @include rounded(0 0 $default-radius $default-radius);
                 }
               }
             }
@@ -87,7 +89,7 @@
         }
         &:only-child {
           a {
-            @include rounded($radius);
+            @include rounded($default-radius);
           }
         }
       }
@@ -106,7 +108,7 @@
     background-color:$button-color;
     padding:$gutter;
     padding-bottom:0;
-    @include rounded($radius);
+    @include rounded($default-radius);
     .menu-toggle {
       display:inline-block !important;
       float:right;
@@ -134,7 +136,7 @@
         }
         &:last-child {
           a {
-            @include rounded(0 0 $radius $radius !important);
+            @include rounded(0 0 $default-radius $default-radius !important);
           }
         }
         ul {
@@ -162,18 +164,18 @@
           }
         }
         &:first-child a {
-          @include rounded($radius $radius 0 0);
+          @include rounded($default-radius $default-radius 0 0);
         }
       }
     }
   }
 
-  @if $tags {
+  @if $nav-tags {
     nav:not(.pagination) {
       @extend %nav-not-pagination;
     }
 
-    @if $classes {
+    @if $nav-classes {
       nav.inline {
         @extend %nav-not-pagination;
       }
@@ -182,13 +184,15 @@
       }
     }
   }
-  @if $classes {
+  @if $nav-classes {
     .nav, .nav.inline {
       @extend %nav-not-pagination;
     }
     .nav.menu {
       @extend %nav-menu-not-pagination;
     }
+  }
+  @if $tab-classes {
     .tabs:not(.small-tablet):not(.mobile):not(.vertical) {
       @extend %normal-tabs;
     }