groundworkcss-rails 0.2.8 → 0.2.9

data/lib/groundworkcss/rails/version.rb

@@ -1,5 +1,5 @@
 module Groundworkcss
 	module Rails
-		VERSION = "0.2.8"
+		VERSION = "0.2.9"
 	end
 end

data/lib/groundworkcss/rails/version.rb~

@@ -1,5 +1,5 @@
 module Groundworkcss
 	module Rails
-		VERSION = "0.2.5"
+		VERSION = "0.2.8"
 	end
 end

data/vendor/assets/javascripts/groundworkcss/components/equalizeColumns.js

@@ -1,7 +1,7 @@
 // Generated by CoffeeScript 1.6.1
 var equalizeColumns;
 
-$(function() {
+$(window).load(function() {
   return equalizeColumns();
 });
 

data/vendor/assets/javascripts/groundworkcss/groundwork.all.js

@@ -465,7 +465,7 @@ $(function() {
 */
 
 
-$(function() {
+$(window).load(function() {
   return equalizeColumns();
 });
 

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

@@ -5,7 +5,7 @@
 
 
 
-button, .button, a.button, a.button:visited, input[type=submit],  input[type=button], input[type=reset], [role=button] {
+%button {
   display:inline-block;
   word-wrap:break-word;
   padding:0.25em 1em;
@@ -90,34 +90,6 @@ button, .button, a.button, a.button:visited, input[type=submit],  input[type=but
       @include state(disabled,normal,desaturate($success-color,20%));
     }
   }
-  // &.error {
-  //   background:$error-color;
-  //   border:1px solid darken($error-color, 10%);
-  //   color:$button-text;
-  
-  // }
-  // &.warning {
-  //   background:$warning-color;
-  //   border:1px solid darken($warning-color, 10%);
-  //   color:$button-text;
-  //   &.active, &:hover, &:focus {
-  //     background:darken($warning-color, 10%);
-  //   }
-  //   &.disabled {
-  //     @include state(disabled,normal,desaturate($warning-color,20%));
-  //   }
-  // }
-  // &.success {
-  //   background:$success-color;
-  //   border:1px solid darken($success-color, 10%);
-  //   color:$button-text;
-  //   &.active, &:hover, &:focus {
-  //     background:darken($success-color, 10%);
-  //   }
-  //   &.disabled {
-  //     @include state(disabled,normal,desaturate($success-color,20%));
-  //   }
-  // }
   &.small {
     font-size:0.8em;
   }
@@ -184,7 +156,7 @@ button, .button, a.button, a.button:visited, input[type=submit],  input[type=but
     }
   }
 }
-ul.button-list, ol.button-list {
+%button-list {
   list-style:none;
   margin:0;
   padding:0;
@@ -233,3 +205,27 @@ ul.button-list, ol.button-list {
     }
   }
 }
+@if $classes {
+  .button,
+  a.button,
+  a.button:visited {
+    @extend %button;
+  }
+  ul.button-list,
+  ol.button-list {
+    @extend %button-list;
+  }
+}
+@if $tags {
+  button,
+  input[type=submit],
+  input[type=button],
+  input[type=reset] {
+    @extend %button;
+  }
+}
+@if $aria {
+  [role~=button] {
+    @extend %button;
+  }
+}

data/vendor/assets/stylesheets/groundworkcss-scss/_callouts.scss

@@ -5,7 +5,7 @@
 
 
 
-.callout {
+%callout {
   position:relative;
   word-wrap:break-word;
   padding:1em;
@@ -62,3 +62,13 @@
     margin-bottom:0;
   }
 }
+@if $classes {
+  .callout {
+    @extend %callout;
+  }
+}
+@if $aria {
+  [role~=status] {
+    @extend %callout;
+  }
+}

data/vendor/assets/stylesheets/groundworkcss-scss/_forms.scss

@@ -4,24 +4,21 @@
 
 
 
-form {
-
-}
-fieldset {
+%fieldset {
   border:1px solid $border-color;
   padding:$gutter;
-  legend {
-    font-weight:900;
-    font-size:0.8em;
-    color:darken($background-color, 35%);
-    margin-bottom:0;
-  }
 }
-label {
+%legend {
+  font-weight:900;
+  font-size:0.8em;
+  color:darken($background-color, 35%);
+  margin-bottom:0;
+}
+%label {
   display:block;
   padding:0.4em 0.2em;
 }
-input, select, textarea {
+%field {
   display:block;
   width:100%;
   margin:0;
@@ -33,6 +30,19 @@ input, select, textarea {
   background:white;
   border:1px solid $border-color;
   @include rounded($radius);
+  &%error, &%invalid {
+    color:$error-color;
+    background:lighten($error-color, 62%);
+    border-color:$error-color;
+  }
+  &%success, &%valid {
+    color:$success-color;
+    background:lighten($success-color, 62%);
+    border-color:$success-color;
+  }
+}
+%input {
+  @extend %field;
   &[size] {
     height:auto;
   }
@@ -45,53 +55,35 @@ input, select, textarea {
     border:1px solid $border-color;
     @include rounded($radius);
   }
-  &.error, &.invalid {
-    color:$error-color;
-    background:lighten($error-color, 62%);
-    border-color:$error-color;
-  }
-  &.success, &.valid {
-    color:$success-color;
-    background:lighten($success-color, 62%);
-    border-color:$success-color;
-  }
 }
-.error, .invalid {
-  input, select, textarea {
+%textarea {
+  height:10em;
+}
+%error {
+  %field {
     background:$error-background;
     color:$error-color;
     border-color:$error-border;
   }
-  .prefix, .suffix {
+  %prefix, %suffix {
     color:lighten($error-color, 62%);;
     background:$error-color;
     border-color:$error-color;
   }
 }
-.success, .valid {
-  input, select, textarea {
+%success {
+  %field {
     background:$success-background;
     color:$success-color;
     border-color:$success-border;
   }
-  .prefix, .suffix {
+  %prefix, %suffix {
     color:lighten($success-color, 62%);;
     background:$success-color;
     border-color:$success-color;
   }
 }
-textarea {
-  height:10em;
-  &:focus {
-    @include drop-shadow(rgba(0,0,0,0.125), 15px, 0, 0);
-  }
-}
-span.select select {
-  &:focus {
-    @include drop-shadow(rgba(0,0,0,0.35), 15px, 0, 0);
-  }
-}
-span.select {
+%select-wrap {
   display:block;
   color:gray;
   background:white;
@@ -112,7 +104,7 @@ span.select {
     right:0;
     background:darken(white, 12.5%);
   }
-  select {
+  %select {
     -ms-appearance:none;
     -o-appearance:none;
     -moz-appearance:none;
@@ -133,12 +125,12 @@ span.select {
     }
   }
 }
-ul.radio-list {
+%radio-list {
   list-style:none;
   margin:0;
   padding:0;
 }
-.prefix, .suffix {
+%prefix, %suffix {
   display:block;
   position:relative;
   z-index:1;
@@ -157,11 +149,80 @@ ul.radio-list {
   background:darken(white, 12.5%);
   border:1px solid darken(white, 17.5%);
 }
-.prefix {
+%prefix {
   left:2px;
   @include rounded($radius 0 0 $radius);
 }
-.suffix {
+%suffix {
   left:-2px;
   @include rounded(0 $radius $radius 0);
 }
+@if $tags {
+  fieldset {
+    @extend %fieldset;
+  }
+  legend {
+    @extend %legend;
+  }
+  label {
+    @extend %label;
+  }
+  input, select, textarea {
+    @extend %field;
+  }
+  input {
+    @extend %input;
+  }
+  textarea {
+    @extend %textarea;
+  }
+  @if $classes {
+    .select-wrap {
+      @extend %select-wrap;
+      select {
+        @extend %select;
+      }
+    }
+  }
+}
+@if $classes {
+  .fieldset {
+    @extend %fieldset;
+  }
+  .legend {
+    @extend %legend;
+  }
+  .label {
+    @extend %label;
+  }
+  .input, .select, .textarea {
+    @extend %field;
+  }
+  .input {
+    @extend %input;
+  }
+  .textarea {
+    @extend %textarea;
+  }
+  .select-wrap {
+    @extend %select-wrap;
+    .select {
+      @extend %select;
+    }
+  }
+  .radio-list {
+    @extend %radio-list;
+  }
+  .error, .invalid {
+    @extend %error;
+  }
+  .success, .valid {
+    @extend %success;
+  }
+  .prefix {
+    @extend %prefix;
+  }
+  .suffix {
+    @extend %suffix;
+  }
+}

data/vendor/assets/stylesheets/groundworkcss-scss/_global.scss

@@ -9,23 +9,39 @@
 ///////////////////////
 //   global styles   //
 ///////////////////////
-html {
+%html {
   width:100%;
   height:100%;
 }
-html, body {
+%document {
   width:100% !important;
   min-height:100%;
   background:$background-color;
   padding:0;
 }
-hr {
+%hr {
   border:0;
   border-bottom:1px solid $border-color;
   margin:$gutter auto;
   clear:both;
 }
-img, a img {
+%img {
   max-width:100%;
   border:none;
 }
+@if $tags {
+  html {
+    @extend %html;
+  }
+  html,
+  body {
+    @extend %document;
+  }
+  hr {
+    @extend %hr;
+  }
+  img,
+  a img {
+    @extend %img;
+  }
+}

data/vendor/assets/stylesheets/groundworkcss-scss/_mixins.scss

@@ -82,6 +82,16 @@
 //       helpers
 // ====================
 
+@mixin helper_reset($properties: padding margin, $spacers: padded pad-top pad-right pad-bottom pad-left gapped gap-top gap-right gap-bottom gap-left) {
+  @for $i from 1 through length($spacers) {
+    &.#{nth($spacers, $i)}, &.#{nth($spacers, $i)}.double, &.#{nth($spacers, $i)}.triple {
+      @for $i from 1 through length($properties) {
+        #{nth($properties, $i)}:0;
+      }
+    }
+  }
+}
+
 @mixin _zero { margin:0; padding:0; }
 
 // ====================

data/vendor/assets/stylesheets/groundworkcss-scss/_modals.scss

@@ -29,7 +29,7 @@
     visibility:visible;
     opacity:1;
   }
-  div.modal.active, div[role=dialog].active {
+  div.modal.active, div[role~=dialog].active {
     visibility:visible;
     opacity:1;
     z-index:999;
@@ -51,7 +51,7 @@
   @include gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.9));
 }
 
-div.modal, div[role=dialog] {
+div%modal {
   visibility:hidden;
   opacity:0;
   position:fixed;
@@ -100,4 +100,14 @@ div.modal, div[role=dialog] {
     right:auto;
     left:10px;
   }
-}
+}
+@if $classes {
+  div.modal {
+    @extend div%modal;
+  }
+}
+@if $aria {
+  div[role~=dialog] {
+    @extend div%modal;
+  }
+}

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

@@ -12,7 +12,7 @@
   display:block;
 }
 
-.nav {
+%nav {
   @extend %clear;
   &:not(.inline) {
     > ul:not(.row) {
@@ -271,7 +271,7 @@
   }
 }
 // pagination
-.pagination {
+%pagination {
   ul {
     margin:10px auto;
     display:block;
@@ -334,7 +334,7 @@
   }
 }
 .no-js {
-  .nav {
+  %nav {
     ul {
       li.menu {
         ul {
@@ -350,7 +350,7 @@
     }
   }
 }
-ul.breadcrumbs {
+%breadcrumbs {
   list-style:none;
   margin:0;
   padding:0;
@@ -378,3 +378,19 @@ ul.breadcrumbs {
     }
   }
 }
+@if $tags {
+  nav {
+    @extend %nav;
+  }
+}
+@if $classes {
+  .nav {
+    @extend %nav;
+  }
+  .pagination {
+    @extend %pagination;
+  }
+  .breadcrumbs {
+    @extend %breadcrumbs;
+  }
+}

data/vendor/assets/stylesheets/groundworkcss-scss/_responsive.scss

@@ -46,7 +46,7 @@
 @include small-tablet {
   // do not remove -- required for small-tablet helpers and adaptations
   @include grid-responsive();
-  .nav {
+  .nav, .nav.inline {
     width:100%;
     ul, ul.row {
       li {
@@ -189,6 +189,15 @@
       }
     }
   }
+  .zero-small-tablet {
+    @include helper_reset();
+  }
+  .no-pad-small-tablet {
+    @include helper_reset(padding, $spacers: padded pad-top pad-right pad-bottom pad-left);
+  }
+  .no-gap-small-tablet {
+    @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left);
+  }
 }
 
 
@@ -215,6 +224,15 @@
       }
     }
   }
+  .zero-mobile {
+    @include helper_reset();
+  }
+  .no-pad-mobile {
+    @include helper_reset(padding, $spacers: padded pad-top pad-right pad-bottom pad-left);
+  }
+  .no-gap-mobile {
+    @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left);
+  }
 }
 
 

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

@@ -5,9 +5,9 @@
 
 
 
-.tabs, [role=tabpanel] {
+.tabs, [role~=tabpanel] {
   position:relative;
-  > ul, > ol, [role=tablist] {
+  > ul, > ol, [role~=tablist] {
     display:block;
     width:100%;
     margin:0;
@@ -18,7 +18,7 @@
       display:block;
       clear:both;
     }
-    li, [role=tab] {
+    li, [role~=tab] {
       display:block;
       float:left;
       margin:0 2px;
@@ -106,10 +106,10 @@
       }
     }
   }
-  [role=tablist] {
+  [role~=tablist] {
     background:none;
   }
-  > div, [role=tabpanel] {
+  > div, [role~=tabpanel] {
     display:none;
     padding:$gutter * 2;
     background:$background-color;
@@ -127,14 +127,14 @@
   }
   // vertical tabs
   &.vertical {
-    > ul, > ol, [role=tablist] {
+    > ul, > ol, [role~=tablist] {
       height:100%;
       position:absolute;
       width:20%;
       background:$button-active;
       border-bottom:1px solid $button-active;
       @include rounded($radius 0 0 $radius);
-      li, [role=tab] {
+      li, [role~=tab] {
         float:none;
         margin:0 -1px 0 0;
         &:first-child {
@@ -162,7 +162,7 @@
         }
       }
     }
-    > div, [role=tabpanel] {
+    > div, [role~=tabpanel] {
       position:relative;
       left:20%;
       width:80%;

data/vendor/assets/stylesheets/groundworkcss-scss/_variables.scss

@@ -3,7 +3,9 @@
 ///////////////////////
 $max-width:           1200px;     // max container width (i.e. - 960px)
 $gutter:              10px;       // gutter spacing
-$classes:             true;       // enable CSS classes
+$classes:             true;       // enable CSS class selectors     (WIP)
+$tags:                true;       // enable semantic tag selectors  (WIP)
+$aria:                true;       // enable Aria role selectors     (WIP)
 
 
 // file paths

data/vendor/assets/stylesheets/groundworkcss-scss/groundwork-ie.scss

@@ -10,6 +10,18 @@
 
 
 
+input {
+  &[type=checkbox], &[type=radio] {
+    padding:0;
+    background:none;
+    border:none;
+    display:inline-block;
+    width:auto !important;
+    height:auto !important;
+    @include rounded(0);
+  }
+}
+
 html {
   &.lt-ie9 {
     min-width:$max-width !important;
@@ -24,15 +36,6 @@ html {
       &:focus {
         border-color:$button-active;
       }
-      &[type=checkbox], &[type=radio] {
-        padding:0;
-        background:none;
-        border:none;
-        display:inline-block;
-        width:auto !important;
-        height:auto !important;
-        @include rounded(0);
-      }
     }
     // custom select box
     span.select {
@@ -45,7 +48,6 @@ html {
         vertical-align:top;
         &:focus {
           border:1px solid $button-active;
-          @include drop-shadow(#fff, 0, 0, 0);
         }
       }
     }

data/vendor/assets/stylesheets/groundworkcss-scss/groundwork.scss

@@ -28,7 +28,6 @@
 @import "font-awesome";
 @import "social-icons";
 @import "tooltips";
-@import "cycle";
 // @import "popovers";
 @import "modals";
 @import "tiles";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: groundworkcss-rails
 version: !ruby/object:Gem::Version
-  version: 0.2.8
+  version: 0.2.9
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-04-18 00:00:00.000000000 Z
+date: 2013-04-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
-  requirement: &71002650 !ruby/object:Gem::Requirement
+  requirement: &80324740 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *71002650
+  version_requirements: *80324740
 - !ruby/object:Gem::Dependency
   name: actionpack
-  requirement: &71002400 !ruby/object:Gem::Requirement
+  requirement: &80324490 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
         version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *71002400
+  version_requirements: *80324490
 - !ruby/object:Gem::Dependency
   name: execjs
-  requirement: &71002210 !ruby/object:Gem::Requirement
+  requirement: &80324300 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *71002210
+  version_requirements: *80324300
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &71001940 !ruby/object:Gem::Requirement
+  requirement: &80324030 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
         version: '3.1'
   type: :development
   prerelease: false
-  version_requirements: *71001940
+  version_requirements: *80324030
 - !ruby/object:Gem::Dependency
   name: less
-  requirement: &71001700 !ruby/object:Gem::Requirement
+  requirement: &80323810 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -65,10 +65,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *71001700
+  version_requirements: *80323810
 - !ruby/object:Gem::Dependency
   name: therubyracer
-  requirement: &71001400 !ruby/object:Gem::Requirement
+  requirement: &80323520 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - =
@@ -76,7 +76,7 @@ dependencies:
         version: 0.11.1
   type: :development
   prerelease: false
-  version_requirements: *71001400
+  version_requirements: *80323520
 description: Gem that integrates Sidereel GroundworkCSS into Rails 3+
 email:
 - ognjen.regoje@gmail.com