groundworkcss 0.2.2

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

@@ -0,0 +1,254 @@
+// =============================================
+//              Layout Helpers
+//          Last Updated:2013-4-24
+// =============================================
+
+
+@import "animations";   // required
+
+
+// ================================
+//             mixins
+// ================================
+
+@mixin _clear                     { clear: both;
+  &:after                         { content:''; display:block; clear:both; }
+}
+@mixin _clearfix                  { @include _clear; } // alias
+
+@mixin _padded($multiple: 1)      { padding: $gutter * $multiple; }
+@mixin _pad-top($multiple: 1)     { padding-top: $gutter * $multiple; }
+@mixin _pad-right($multiple: 1)   { padding-right: $gutter * $multiple; }
+@mixin _pad-bottom($multiple: 1)  { padding-bottom: $gutter * $multiple; }
+@mixin _pad-left($multiple: 1)    { padding-left: $gutter * $multiple; }
+
+@mixin _gapped($multiple: 1)      { margin: $gutter * $multiple; }
+@mixin _gap-top($multiple: 1)     { margin-top: $gutter * $multiple; }
+@mixin _gap-right($multiple: 1)   { margin-right: $gutter * $multiple; }
+@mixin _gap-bottom($multiple: 1)  { margin-bottom: $gutter * $multiple; }
+@mixin _gap-left($multiple: 1)    { margin-left: $gutter * $multiple; }
+
+@mixin _stick($position: null) {
+  position: fixed;
+  z-index: 1;
+  @each $anchor in top, right, bottom, left {
+    @if $position == $anchor {#{$position}: 0;}
+  }
+  @if $position == middle {top: 50%;}
+  @if $position == center {left: 50%;}
+}
+
+@mixin _inline                    { display:inline-block; width:auto; }
+@mixin _block                     { display:block; }
+@mixin _hidden                    { display:none !important; }
+
+@mixin _small                     { font-size:0.8em; }
+@mixin _large                     { font-size:1.5em; }
+
+@mixin _zero                      { margin:0; padding:0; }
+
+@mixin _pull-right                { float:right; }
+@mixin _pull-left                 { float:left; }
+
+@mixin _bordered                  { border: 1px solid $border-color; }
+@mixin _border-top                { border-top:1px solid $border-color; }
+@mixin _border-right              { border-right:1px solid $border-color; }
+@mixin _border-bottom             { border-bottom:1px solid $border-color; }
+@mixin _border-left               { border-left:1px solid $border-color; }
+
+@mixin _align-top                 { display:table-cell; vertical-align:top; } // must have height (experimental)
+@mixin _align-right               { text-align:right; }
+@mixin _align-bottom              { display:table-cell; vertical-align:bottom; } // must have height (experimental)
+@mixin _align-left                { text-align:left; }
+@mixin _align-center              { text-align:center; }
+@mixin _justify                   { text-align:justify; }
+
+@mixin _truncate                  { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
+
+@mixin _center                    { @include _block; margin:0 auto; }
+
+@mixin _spacer                    { height:$gutter; }
+
+@mixin _square                    { @include rounded(0); }
+@mixin _round                     { @include rounded(9999px); }
+
+@mixin _disabled                  { @include state(disabled,textOnly); }
+
+@mixin _rotate-90                 { @include _inline; @include rotate(90deg); }
+@mixin _rotate-180                { @include _inline; @include rotate(180deg); }
+@mixin _rotate-270                { @include _inline; @include rotate(270deg); }
+@mixin _rotate-90-ctr             { @include _inline; @include rotate(-90deg); }
+@mixin _rotate-180-ctr            { @include _inline; @include rotate(-180deg); }
+@mixin _rotate-270-ctr            { @include _inline; @include rotate(-270deg); }
+
+@mixin _spin                      { @include _inline; @include spin; }
+@mixin _spin-once                 { @include _inline; @include spin(1); }
+@mixin _spin-twice                { @include _inline; @include spin(2); }
+@mixin _spin-thrice               { @include _inline; @include spin(3); }
+@mixin _spin-fast                 { @include _inline; @include spin(infinite,1s); }
+@mixin _spin-fast-once            { @include _inline; @include spin(1,1s); }
+@mixin _spin-fast-twice           { @include _inline; @include spin(2,1s); }
+@mixin _spin-fast-thrice          { @include _inline; @include spin(3,1s); }
+@mixin _spin-slow                 { @include _inline; @include spin(infinite,5s); }
+@mixin _spin-slow-once            { @include _inline; @include spin(1,5s); }
+@mixin _spin-slow-twice           { @include _inline; @include spin(2,5s); }
+@mixin _spin-slow-thrice          { @include _inline; @include spin(3,5s); }
+
+
+
+
+// ================================
+//          placeholders
+// ================================
+
+%clear, %clearfix { @include _clear;}
+
+%padded           { @include _padded;
+  &%double        { @include _padded(2); }
+  &%triple        { @include _padded(3); }
+}
+%pad-top          { @include _pad-top;
+  &%double        { @include _pad-top(2); }
+  &%triple        { @include _pad-top(3); }
+}
+%pad-right        { @include _pad-right;
+  &%double        { @include _pad-right(2); }
+  &%triple        { @include _pad-right(3); }
+}
+%pad-bottom       { @include _pad-bottom;
+  &%double        { @include _pad-bottom(2); }
+  &%triple        { @include _pad-bottom(3); }
+}
+%pad-left         { @include _pad-left;
+  &%double        { @include _pad-left(2); }
+  &%triple        { @include _pad-left(3); }
+}
+
+%gapped           { @include _gapped;
+  &%double        { @include _gapped(2); }
+  &%triple        { @include _gapped(3); }
+}
+%gap-top          { @include _gap-top;
+  &%double        { @include _gap-top(2); }
+  &%triple        { @include _gap-top(3); }
+}                   
+%gap-right        { @include _gap-right;
+  &%double        { @include _gap-right(2); }
+  &%triple        { @include _gap-right(3); }
+}                   
+%gap-bottom       { @include _gap-bottom;
+  &%double        { @include _gap-bottom(2); }
+  &%triple        { @include _gap-bottom(3); }
+}                   
+%gap-left         { @include _gap-left;
+  &%double        { @include _gap-left(2); }
+  &%triple        { @include _gap-left(3); }
+}
+
+%stick            { @include _stick;
+  &%top           { @include _stick(top); }
+  &%right         { @include _stick(right); }
+  &%bottom        { @include _stick(bottom); }
+  &%left          { @include _stick(left); }
+  &%middle        { @include _stick(middle); }
+  &%center        { @include _stick(center); }
+}
+
+%inline           { @include _inline; }
+%block            { @include _block; }
+%hidden           { @include _hidden; }
+
+%small            { @include _small; }
+%big, %large      { @include _large; }
+
+%zero             { @include _zero; }
+
+%pull-right       { @include _pull-right; }
+%pull-left        { @include _pull-left; }
+
+%bordered         { @include _bordered; }
+%border-top       { @include _border-top; }
+%border-right     { @include _border-right; }
+%border-bottom    { @include _border-bottom; }
+%border-left      { @include _border-left; }
+
+%align-top        { @include _align-top; } // must have height (experimental)
+%align-right      { @include _align-right; }
+%align-bottom     { @include _align-bottom; } // must have height (experimental)
+%align-left       { @include _align-left; }
+%align-center     { @include _align-center; }   
+%justify          { @include _justify; }
+
+%truncate         { @include _truncate; }
+
+%center           { @include _center; }
+
+%spacer           { @include _spacer; }
+
+%square           { @include _square; }
+%round            { @include _round; }
+
+%disabled         { @include _disabled; }
+
+%rotate-90        { @include _rotate-90; }
+%rotate-180       { @include _rotate-180; }
+%rotate-270       { @include _rotate-270; }
+%rotate-90-ctr    { @include _rotate-90-ctr; }
+%rotate-180-ctr   { @include _rotate-180-ctr; }
+%rotate-270-ctr   { @include _rotate-270-ctr; }
+
+%spin             { @include _spin; }
+%spin-once        { @include _spin-once; }
+%spin-twice       { @include _spin-twice; }
+%spin-thrice      { @include _spin-thrice; }
+%spin-fast        { @include _spin-fast; }
+%spin-fast-once   { @include _spin-fast-once; }
+%spin-fast-twice  { @include _spin-fast-twice; }
+%spin-fast-thrice { @include _spin-fast-thrice; }
+%spin-slow        { @include _spin-slow; }
+%spin-slow-once   { @include _spin-slow-once; }
+%spin-slow-twice  { @include _spin-slow-twice; }
+%spin-slow-thrice { @include _spin-slow-thrice; }
+
+
+
+
+// ================================
+//            classes
+// ================================
+
+@if $classes {
+
+  // function to generate the simple helpers
+  $helpers: inline block hidden small large zero pull-right pull-left bordered border-right border-left border-top border-bottom align-top align-right align-bottom align-left align-center justify truncate center spacer square round rotate-90 rotate-180 rotate-270 rotate-90-ctr rotate-180-ctr rotate-270-ctr spin spin-once spin-twice spin-thrice spin-fast spin-fast-once spin-fast-twice spin-fast-thrice spin-slow spin-slow-once spin-slow-twice spin-slow-thrice;
+  @for $i from 1 through length($helpers) {
+    .#{nth($helpers, $i)} { @extend %#{nth($helpers, $i)}; }
+  }
+
+  // function to generate the spacers (with nested modifiers)
+  $spacers: padded pad-top pad-right pad-bottom pad-left gapped gap-top gap-right gap-bottom gap-left;
+  $modifiers: double triple;
+  @for $i from 1 through length($spacers) {
+    .#{nth($spacers, $i)} {
+      @extend %#{nth($spacers, $i)};
+      @for $i from 1 through length($modifiers) {
+        &.#{nth($modifiers, $i)} { @extend %#{nth($modifiers, $i)}; }
+      }
+    }
+  }
+
+  // manual declaration of the more complex helpers
+  .clear, .clearfix { @extend %clear;
+    &:after         { content:''; display:block; clear:both; }
+  }
+  .disabled         { @extend %disabled; }
+  .stick            { @extend %stick;
+    &.top           { @extend %top; }
+    &.right         { @extend %right; }
+    &.bottom        { @extend %bottom; }
+    &.left          { @extend %left; }
+    &.middle        { @extend %middle; }
+    &.center        { @extend %center; }
+  }
+
+}

data/vendor/assets/stylesheets/groundworkcss/base/_reset.scss

@@ -0,0 +1,81 @@
+// =============================================
+//                  CSS Reset
+//          Last Updated:2013-4-24
+// =============================================
+
+
+
+
+// =======================================================
+//               the better box model
+// =======================================================
+//
+//
+//     E   L   E   M   E   N   T      W   I   D   T   H
+//  |----------------------------------------------------|
+//  |                  B  O  R  D  E  R                  |
+//  |   |--------------------------------------------|   |
+//  | B |               P A D D I N G                | B |
+//  |   |   |------------------------------------|   |   |
+//  | O | P |                                    | P | O |
+//  |   | A |                                    | A |   |
+//  | R | D |                                    | D | R |
+//  |   | D |           C O N T E N T            | D |   |
+//  | D | I |                                    | I | D |
+//  |   | N |                                    | N |   |
+//  | E | G |                                    | G | E |
+//  |   |   |------------------------------------|   |   |
+//  | R |               P A D D I N G                | R |
+//  |   |--------------------------------------------|   |
+//  |                  B  O  R  D  E  R                  |
+//  | ---------------------------------------------------|
+//
+//  NOTE: Padding and border are calculated within an
+//        element's specified width instead of its total
+//        width being increased by these properties
+//
+//
+// =======================================================
+
+
+%everything {
+  @include box-sizing(border-box);
+  *behavior: url($boxsizing_path);  // IE 6-7  -- Thank Schepp for the polyfill for legacy IE browsers: https://github.com/Schepp/box-sizing-polyfill
+}
+
+%document {
+  -webkit-text-size-adjust:none;
+}
+
+%html5-elements {
+  margin:0;
+  padding:0;
+  border: 0;
+  font:inherit;
+  vertical-align:baseline;
+}
+
+%block-elements {
+  display:block;
+}
+
+%table-elements {
+  border-collapse:collapse;
+  border-spacing:0;
+}
+
+@if $reset {
+  *, *:after, *:before {
+    @extend %everything;
+  }
+  // reset all $reset-elements (configured in _variables.scss)
+  @for $i from 1 through length($reset-elements) {
+    #{nth($reset-elements, $i)} { @extend %html5-elements; }
+  }
+  header, footer, aside, menu, nav, section, article, details {
+    @extend %block-elements;
+  }
+  table {
+    @extend %table-elements;
+  }
+}

data/vendor/assets/stylesheets/groundworkcss/core/_all.scss

@@ -0,0 +1,11 @@
+// =============================================
+//       GroundworkCSS by Gary Hepting
+//          Last Updated:2013-4-24
+// =============================================
+
+
+// core
+@import "compass";      // required (http://compass-style.org/install/)
+@import "constants";    // required
+@import "defaults";     // required
+@import "mixins";       // required

data/vendor/assets/stylesheets/groundworkcss/core/_constants.scss

@@ -0,0 +1,121 @@
+// =============================================
+//            Constant Variables
+//          Last Updated:2013-4-24
+// =============================================
+
+
+
+///////////////////////
+//       colors      //
+///////////////////////
+
+$white:               #ffffff;
+$black:               #111111;
+
+
+
+///////////////////////
+//     fractions     //
+///////////////////////
+
+// wholes
+$one-whole:         percentage(1);
+
+// halves
+$one-half:          percentage(1/2);
+$two-halves:        $one-whole;
+
+// thirds
+$one-third:         percentage(1/3);
+$two-thirds:        percentage(2/3);
+$three-thirds:      $one-whole;
+
+// fourths
+$one-fourth:        percentage(1/4);
+$two-fourths:       $one-half;
+$three-fourths:     percentage(3/4);
+$four-fourths:      $one-whole;
+
+// fifths
+$one-fifth:         percentage(1/5);
+$two-fifths:        percentage(2/5);
+$three-fifths:      percentage(3/5);
+$four-fifths:       percentage(4/5);
+$five-fifths:       $one-whole;
+
+// sixths
+$one-sixth:         percentage(1/6);
+$two-sixths:        $one-third;
+$three-sixths:      $one-half;
+$four-sixths:       $two-thirds;
+$five-sixths:       percentage(5/6);
+$six-sixths:        $one-whole;
+
+// sevenths
+$one-seventh:       percentage(1/7);
+$two-sevenths:      percentage(2/7);
+$three-sevenths:    percentage(3/7);
+$four-sevenths:     percentage(4/7);
+$five-sevenths:     percentage(5/7);
+$six-sevenths:      percentage(6/7);
+$seven-sevenths:    $one-whole;
+
+// eighths
+$one-eighth:        percentage(1/8);
+$two-eighths:       $one-fourth;
+$three-eighths:     percentage(3/8);
+$four-eighths:      $one-half;
+$five-eighths:      percentage(5/8);
+$six-eighths:       $three-fourths;
+$seven-eighths:     percentage(7/8);
+$eight-eighths:     $one-whole;
+
+// ninths
+$one-ninth:         percentage(1/9);
+$two-ninths:        percentage(2/9);
+$three-ninths:      $one-third;
+$four-ninths:       percentage(4/9);
+$five-ninths:       percentage(5/9);
+$six-ninths:        $two-thirds;
+$seven-ninths:      percentage(7/9);
+$eight-ninths:      percentage(8/9);
+$nine-ninths:       $one-whole;
+
+// tenths
+$one-tenth:         percentage(1/10);
+$two-tenths:        $one-fifth;
+$three-tenths:      percentage(3/10);
+$four-tenths:       $two-fifths;
+$five-tenths:       $one-half;
+$six-tenths:        $three-fifths;
+$seven-tenths:      percentage(7/10);
+$eight-tenths:      $four-fifths;
+$nine-tenths:       percentage(9/10);
+$ten-tenths:        $one-whole;
+
+// elevenths
+$one-eleventh:      percentage(1/11);
+$two-elevenths:     percentage(2/11);
+$three-elevenths:   percentage(3/11);
+$four-elevenths:    percentage(4/11);
+$five-elevenths:    percentage(5/11);
+$six-elevenths:     percentage(6/11);
+$seven-elevenths:   percentage(7/11);
+$eight-elevenths:   percentage(8/11);
+$nine-elevenths:    percentage(9/11);
+$ten-elevenths:     percentage(10/11);
+$eleven-elevenths:  $one-whole;
+
+// twelfths
+$one-twelfth:        percentage(1/12);
+$two-twelfths:       $one-sixth;
+$three-twelfths:     $one-fourth;
+$four-twelfths:      $one-third;
+$five-twelfths:      percentage(5/12);
+$six-twelfths:       $one-half;
+$seven-twelfths:     percentage(7/12);
+$eight-twelfths:     $two-thirds;
+$nine-twelfths:      $three-fourths;
+$ten-twelfths:       $five-sixths;
+$eleven-twelfths:    percentage(11/12);
+$twelve-twelfths:    $one-whole;