groundworkcss-rails 0.2.5 → 0.2.6

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

@@ -0,0 +1,198 @@
+// ===================================
+//         GroundworkCSS Squares
+// ===================================
+
+
+
+
+$white:     #ffffff;
+$green:     #2ecc71;
+$blue:      #3498db;
+$purple:    #9b59b6;
+$yellow:    #f1c40f;
+$orange:    #e67e22;
+$red:       #e74c3c;
+$pink:      #f02475;
+$turquoise: #1abc9c;
+$asphalt:   #34495e;
+
+
+.tiles {
+  position:relative;
+
+  .tile {
+    display:inline-block;
+    background-color:darken($background-color,20%);
+    border:6px solid $border-color;
+    color:$font-color;
+    display:inline-block;
+    word-wrap:break-word;
+    padding:0.25em;
+    margin-bottom:0.25em;
+    text-align:center;
+    font-size:1em;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    @include transition(background-color 0.25s ease-out);
+    @include rounded($radius);
+    cursor:pointer;
+    i {
+      font-size:2em;
+      display:block;
+      margin:0.15em 1em;
+    }
+    &.on, &:hover, &:focus {
+      text-decoration:none;
+      background-color:darken($background-color,25%);
+      color:darken($font-color,10%);
+      border-color:darken($border-color,5%);
+    }
+    &.active, &.active:hover, &.active:focus {
+      background-color:darken($background-color,30%);
+      color:darken($font-color,20%);
+      border-color:darken($border-color,20%);
+    }
+    &.disabled {
+      @include state(disabled,normal,lighten(gray,20%));
+    }
+    &.small {
+      font-size:0.75em;
+    }
+    &.large {
+      font-size:1.5em;
+    }
+    &.square {
+      @include rounded(0);
+    }
+    &.round {
+      @include rounded(9999px);
+    }
+
+    &.green {
+      color:$green;
+      &.on, &:hover, &:focus {
+        background-color:lighten($green,10%);
+        border-color:$green;
+        color:$white;
+      }
+      &.active, &.active:hover, &.active:focus {
+        background-color:$green;
+        color:$button-active-text;
+        border-color:darken($green,10%);
+      }
+    }
+
+    &.blue {
+      color:$blue;
+      &.on, &:hover, &:focus {
+        background-color:lighten($blue,10%);
+        border-color:$blue;
+        color:$white;
+      }
+      &.active, &.active:hover, &.active:focus {
+        background-color:$blue;
+        color:$button-active-text;
+        border-color:darken($blue,10%);
+      }
+    }
+
+    &.purple {
+      color:$purple;
+      &.on, &:hover, &:focus {
+        background-color:lighten($purple,10%);
+        border-color:$purple;
+        color:$white;
+      }
+      &.active, &.active:hover, &.active:focus {
+        background-color:$purple;
+        color:$button-active-text;
+        border-color:darken($purple,10%);
+      }
+    }
+
+    &.yellow {
+      color:$yellow;
+      &.on, &:hover, &:focus {
+        background-color:lighten($yellow,10%);
+        border-color:$yellow;
+        color:$white;
+      }
+      &.active, &.active:hover, &.active:focus {
+        background-color:$yellow;
+        color:$button-active-text;
+        border-color:darken($yellow,10%);
+      }
+    }
+
+    &.orange {
+      color:$orange;
+      &.on, &:hover, &:focus {
+        background-color:lighten($orange,10%);
+        border-color:$orange;
+        color:$white;
+      }
+      &.active, &.active:hover, &.active:focus {
+        background-color:$orange;
+        color:$button-active-text;
+        border-color:darken($orange,10%);
+      }
+    }
+
+    &.red {
+      color:$red;
+      &.on, &:hover, &:focus {
+        background-color:lighten($red,10%);
+        border-color:$red;
+        color:$white;
+      }
+      &.active, &.active:hover, &.active:focus {
+        background-color:$red;
+        color:$button-active-text;
+        border-color:darken($red,10%);
+      }
+    }
+
+    &.pink {
+      color:$pink;
+      &.on, &:hover, &:focus {
+        background-color:lighten($pink,10%);
+        border-color:$pink;
+        color:$white;
+      }
+      &.active, &.active:hover, &.active:focus {
+        background-color:$pink;
+        color:$button-active-text;
+        border-color:darken($pink,10%);
+      }
+    }
+
+    &.turquoise {
+      color:$turquoise;
+      &.on, &:hover, &:focus {
+        background-color:lighten($turquoise,10%);
+        border-color:$turquoise;
+        color:$white;
+      }
+      &.active, &.active:hover, &.active:focus {
+        background-color:$turquoise;
+        color:$button-active-text;
+        border-color:darken($turquoise,10%);
+      }
+    }
+
+    &.asphalt {
+      color:$asphalt;
+      &.on, &:hover, &:focus {
+        background-color:lighten($asphalt,10%);
+        border-color:$asphalt;
+        color:$white;
+      }
+      &.active, &.active:hover, &.active:focus {
+        background-color:$asphalt;
+        color:$button-active-text;
+        border-color:darken($asphalt,10%);
+      }
+    }
+  }
+}

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

@@ -33,7 +33,7 @@ a, a:visited {
   }
 }
 h1, h2, h3, h4, h5, h6 {
-  line-height:1.1;
+  line-height:1.3;
   margin-bottom:15px;
 }
 h1 {
@@ -228,8 +228,8 @@ pre {
 }
 // responsive headings
 .js {
-  .responsive {
+  .responsive:not(table) {
+    @extend %truncate;
     @include transition(font 0.25s);
-    white-space:nowrap;
   }
 }

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

@@ -1,9 +1,17 @@
 ///////////////////////
 //      settings     //
 ///////////////////////
-$max-width:           1200px; // max container width (i.e. - 960px)
-$gutter:              10px;   // gutter spacing
-$classes:             true;   // enable CSS classes
+$max-width:           1200px;     // max container width (i.e. - 960px)
+$gutter:              10px;       // gutter spacing
+$classes:             true;       // enable CSS classes
+
+
+// file paths
+$css_path:            'css/';     // path to CSS output (relative from HTML document root)
+$root_path:           '../';      // path to HTML document root (relative from $css_path)
+$images_path:         'images/';  // path to images (relative from $root_path)
+$fonts_path:          'font/';    // path to fonts (relative from $root_path)
+$boxsizing_path:      '/js/libs/boxsizing.htc';  // path to box sizing polyfill (change to absolute path from HTML document root)
 
 
 // base styles
@@ -17,9 +25,11 @@ $selection-color:     $font-color;
 $selection-text:      #ffffff;
 $border-color:        #dddddd;
 $button-color:        #1DABB8;
+$button-border-color: darken($button-color,10%);
 $button-active:       #198D98;
 $button-text:         #ffffff;
 $button-active-text:  #ffffff;
+$disabled-color:      gray;
 $error-color:         #A40400;
 $warning-color:       #FF971E;
 $success-color:       #5FB40E;

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

@@ -1,3 +1,4 @@
+@import "compass";
 // =============================================
 //         IE hacks by Gary Hepting 
 //          Last Updated:2013-2-2

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

@@ -1,6 +1,7 @@
+@import "compass";
 /* =============================================
  *       GroundworkCSS by Gary Hepting
- *          Last Updated:2013-1-28
+ *          Last Updated:2013-3-30
  * ===========================================*/
 
 // variables & mixins
@@ -31,6 +32,10 @@
 @import "cycle";
 // @import "popovers";
 @import "modals";
+@import "tiles";
+
+// CSS animations (required by helpers)
+@import "animations";
 
 // helper classes
 @import "helpers";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: groundworkcss-rails
 version: !ruby/object:Gem::Version
-  version: 0.2.5
+  version: 0.2.6
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-03-27 00:00:00.000000000 Z
+date: 2013-04-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
-  requirement: &80149530 !ruby/object:Gem::Requirement
+  requirement: &77365160 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *80149530
+  version_requirements: *77365160
 - !ruby/object:Gem::Dependency
   name: actionpack
-  requirement: &80149280 !ruby/object:Gem::Requirement
+  requirement: &77364910 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
         version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *80149280
+  version_requirements: *77364910
 - !ruby/object:Gem::Dependency
   name: execjs
-  requirement: &80149090 !ruby/object:Gem::Requirement
+  requirement: &77364720 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *80149090
+  version_requirements: *77364720
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &80148810 !ruby/object:Gem::Requirement
+  requirement: &77364420 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
         version: '3.1'
   type: :development
   prerelease: false
-  version_requirements: *80148810
+  version_requirements: *77364420
 - !ruby/object:Gem::Dependency
   name: less
-  requirement: &80148580 !ruby/object:Gem::Requirement
+  requirement: &77364210 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -65,10 +65,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *80148580
+  version_requirements: *77364210
 - !ruby/object:Gem::Dependency
   name: therubyracer
-  requirement: &80148260 !ruby/object:Gem::Requirement
+  requirement: &77363880 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - =
@@ -76,7 +76,7 @@ dependencies:
         version: 0.11.1
   type: :development
   prerelease: false
-  version_requirements: *80148260
+  version_requirements: *77363880
 description: Gem that integrates Sidereel GroundworkCSS into Rails 3+
 email:
 - ognjen.regoje@gmail.com
@@ -367,6 +367,17 @@ files:
 - vendor/assets/images/groundworkcss/pw_maze_white.png
 - vendor/assets/images/groundworkcss/black_linen_v2.png
 - vendor/assets/javascripts/groundwork-hook.js~
+- vendor/assets/javascripts/groundworkcss/components/responsiveText.js
+- vendor/assets/javascripts/groundworkcss/components/menus.js
+- vendor/assets/javascripts/groundworkcss/components/equalizeColumns.js
+- vendor/assets/javascripts/groundworkcss/components/pagination.js
+- vendor/assets/javascripts/groundworkcss/components/disabled.js
+- vendor/assets/javascripts/groundworkcss/components/tooltips.js
+- vendor/assets/javascripts/groundworkcss/components/tabs.js
+- vendor/assets/javascripts/groundworkcss/components/tiles.js
+- vendor/assets/javascripts/groundworkcss/components/modals.js
+- vendor/assets/javascripts/groundworkcss/components/responsiveTables.js
+- vendor/assets/javascripts/groundworkcss/components/forms.js
 - vendor/assets/javascripts/groundworkcss/groundwork.js
 - vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.video.js
 - vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.shuffle.js
@@ -403,6 +414,7 @@ files:
 - vendor/assets/stylesheets/groundworkcss-scss/_variables.scss
 - vendor/assets/stylesheets/groundworkcss-scss/_webfonts.scss
 - vendor/assets/stylesheets/groundworkcss-scss/_mixins.scss
+- vendor/assets/stylesheets/groundworkcss-scss/_tiles.scss
 - vendor/assets/stylesheets/groundworkcss-scss/_classes.scss
 - vendor/assets/stylesheets/groundworkcss-scss/groundwork.scss
 - vendor/assets/stylesheets/groundworkcss-scss/_tooltips.scss
@@ -413,6 +425,7 @@ files:
 - vendor/assets/stylesheets/groundworkcss-scss/_ui-elements.scss
 - vendor/assets/stylesheets/groundworkcss-scss/_orbit.scss
 - vendor/assets/stylesheets/groundworkcss-scss/_typography.scss
+- vendor/assets/stylesheets/groundworkcss-scss/_animations.scss
 - vendor/assets/stylesheets/groundworkcss-scss/_tables.scss
 - vendor/assets/stylesheets/groundworkcss-scss/groundwork-ie.scss
 - vendor/assets/stylesheets/groundworkcss-scss/_reset.scss