groundworkcss-rails 0.1

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

@@ -0,0 +1,255 @@
+// ===================================
+//       Groundwork Typography
+// ===================================
+
+
+
+
+body {
+  font-family:$font-family;
+  font-size:$font-size;
+  line-height:1.2;
+  color:$font-color;
+}
+::selection {
+  background:$selection-color;
+  color:$selection-text;
+}
+::-moz-selection {
+  background:$selection-color;
+  color:$selection-text;
+}
+// * {
+//   outline:none;
+//   &:focus {
+//     @include filter-shadow(rgba(0,0,0,0.35), 15px, 0, 0);
+//   }
+// }
+a, a:link, a:visited {
+  color:$link-color;
+  @include transition(color 0.25s);
+  &:hover, &:focus {
+    text-decoration:underline;
+  }
+}
+h1.heading {
+  font-size:3em;
+  text-shadow:0 0 5px rgba(0,0,0,0.25);
+  a, a:link, a:visited {
+    color:$font-color;
+    text-decoration:none;
+    a:hover, a:focus {
+      color:$font-color;
+      text-decoration:none;
+    }
+  }
+  sup {
+    font-size:0.35em;
+  }
+  .logo {
+    display:inline-block;
+    width:1em;
+    height:1em;
+    position:relative;
+    top:0.1em;
+    background:transparent url('../images/groundwork-logo.svg') bottom right no-repeat;
+    background-size:100% 100%;
+    text-indent:-9999em;
+    overflow:hidden;
+    @include filter-shadow(rgba(0,0,0,0.25), 5px, 0, 0); // color, blur, x, y
+  }
+}
+h1, h2, h3, h4, h5, h6 {
+  @include font-stack('Average Sans');
+  line-height:1.1;
+  margin-bottom:15px;
+}
+h1 {
+  font-weight:200;
+  font-size:$font-size * 2.3333333333;
+}
+h2 {
+  font-weight:200;
+  font-size:$font-size * 2;
+}
+h3 {
+  font-weight:500;
+  font-size:$font-size * 1.5;
+}
+h4 {
+  font-weight:500;
+  font-size:$font-size * 1.3333333333;
+}
+h5 {
+  font-weight:900;
+  font-size:$font-size * 1.1666666667;
+}
+h6 {
+  font-weight:900;
+  font-size:$font-size * 1.1666666667;
+  text-transform:uppercase;
+}
+p, ul, ol, dl {
+  margin-bottom:10px;
+  font-weight:normal;
+  font-size:1em;
+  line-height:1.6;
+}
+ul, ol {
+  margin-left:20px;
+}
+ul {
+  list-style-type:circle;
+}
+ul.list {
+  list-style:none;
+  margin-left:0;
+  li {
+    &:before {
+      content:'\f00c';
+      display: inline-block;
+      width: 1.1em;
+      margin-right:0.25em;
+      font-family: FontAwesome;
+      font-weight: normal;
+      font-style: normal;
+      font-size:1.1em;
+      text-decoration: inherit;
+      -webkit-font-smoothing: antialiased;
+      line-height: normal;
+      vertical-align: baseline;
+      background-image: none;
+      background-position: 0% 0%;
+      background-repeat: repeat;
+      margin-top: 0;
+    }
+  }
+}
+ol.list {
+  counter-reset:li;
+  list-style:none;
+  margin-left:1.5em;
+}
+ol.list > li {
+    position:relative;
+    padding:2px 6px 0;
+}
+ol.list > li:before {
+    content:counter(li);
+    counter-increment:li;
+    position:absolute;
+    top:2px;
+    left:-2em;
+    width:2em;
+    text-align:center;
+    padding:2px;
+    font-size:0.8em;
+    color:$background-color;
+    background:$font-color;
+    font-weight:bold;
+    @include rounded(4px);
+}
+dl {
+  dt {
+    font-weight:bold;
+  }
+  dd {
+    padding-left:1em;
+    margin-bottom:$gutter;
+  }
+}
+blockquote {
+  padding:1.3em 4em 1em;
+  color:$font-color;
+  font-size:$font-size*1.15;
+  font-weight:bold;
+  line-height:1.4;
+  position:relative;
+  z-index:0;
+  &:before {
+    content:'\201C';
+    color:darken($background-color, 20%);
+    font-size:6em;
+    display:block;
+    position:absolute;
+    top:-0.15em;
+    left:0.1em;
+    z-index:-1;
+  }
+  &:after {
+    content:'\201D';
+    color:darken($background-color, 20%);
+    font-size:6em;
+    display:block;
+    position:absolute;
+    top:-0.15em;
+    right:0.1em;
+    z-index:-1;
+  }
+}
+cite {
+  display:block;
+  position:relative;
+  left:-1em;
+  margin-top:0.25em;
+  font-size:0.95em;
+  font-weight:normal;
+  font-style:normal;
+  color:lighten($font-color, 15%);
+  &:before {
+    content:'\2014';
+  }
+}
+small, .small { font-size:0.8em; }
+big, .big, .large { font-size:1.5em; }
+em, .italic { font-style:italic; }
+b, strong, .bold, .strong { font-weight:900; }
+sup { font-size:0.8em; }
+sub { font-size:0.8em; }
+code {
+  color:white;
+  background:black;
+  font-size:0.9em;
+  padding:0.5em;
+  display:block;
+  border-left:2.5em solid gray;
+  counter-reset:linenumber;
+  &.inline {
+    display:inline-block;
+    background:lighten(gray, 5%);
+    border:none;
+    padding:0 0.3em;
+    margin:0 0.2em;
+    font-weight:normal;
+    line-height:inherit;
+  }
+}
+pre {
+  white-space:pre-wrap;
+  word-wrap:break-word;
+  min-height:1em;
+  line-height:1.4;
+  &:before {
+    counter-increment:linenumber;
+    content:counter(linenumber) ".";
+    display:inline-block;
+    width:2em;
+    text-align:right;
+    position:absolute;
+    left:1em;
+    color:white;
+  }
+}
+.error, .invalid {
+  color:$error-color;
+}
+.success, .valid {
+  color:$success-color;
+}
+// responsive headings
+.js {
+  .responsive {
+    @include transition(font 0.25s);
+    white-space:nowrap;
+  }
+}

data/vendor/assets/stylesheets/groundworkcss-scss/_ui-elements.scss

@@ -0,0 +1,10 @@
+// ===================================
+//             UI Elements
+// ===================================
+
+
+
+
+// ui elements
+@import "messages";
+@import "callouts";

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

@@ -0,0 +1,134 @@
+///////////////////////
+//      settings     //
+///////////////////////
+$max-width:           1200px; // max container width (i.e. - 960px)
+$gutter:              10px;   // gutter spacing
+
+
+// base styles
+$background-color:    #ffffff;
+$font-color:          #2b2b2d;
+$font-size:           14px;
+$font-family:         Helvetica, Arial, Geneva, sans-serif;
+$link-color:          #489AC1;
+$link-active:         #198D98;
+$selection-color:     $font-color;
+$selection-text:      #ffffff;
+$border-color:        #dddddd;
+$button-color:        #1DABB8;
+$button-active:       #198D98;
+$button-text:         #ffffff;
+$button-active-text:  #ffffff;
+$error-color:         #A40400;
+$warning-color:       #FF971E;
+$success-color:       #5FB40E;
+$radius:              4px;
+
+
+
+
+///////////////////////
+//     fractions     //
+///////////////////////
+
+// wholes
+$one-whole:         100%;
+
+// halves
+$one-half:          50%;
+$two-halves:        $one-whole;
+
+// thirds
+$one-third:         33.3333333333333%;
+$two-thirds:        66.6666666666666%;
+$three-thirds:      $one-whole;
+
+// fourths
+$one-fourth:        25%;
+$two-fourths:       $one-half;
+$three-fourths:     75%;
+$four-fourths:      $one-whole;
+
+// fifths
+$one-fifth:         20%;
+$two-fifths:        40%;
+$three-fifths:      60%;
+$four-fifths:       80%;
+$five-fifths:       $one-whole;
+
+// sixths
+$one-sixth:         16.666666666667%;
+$two-sixths:        $one-third;
+$three-sixths:      $one-half;
+$four-sixths:       $two-thirds;
+$five-sixths:       83.333333333333%;
+$six-sixths:        $one-whole;
+
+// sevenths
+$one-seventh:       14.285714285714%;
+$two-sevenths:      28.571428571429%;
+$three-sevenths:    42.857142857143%;
+$four-sevenths:     57.142857142857%;
+$five-sevenths:     71.428571428571%;
+$six-sevenths:      85.714285714286%;
+$seven-sevenths:    $one-whole;
+
+// eighths
+$one-eighth:        12.5%;
+$two-eighths:       $one-fourth;
+$three-eighths:     37.5%;
+$four-eighths:      $one-half;
+$five-eighths:      62.5%;
+$six-eighths:       $three-fourths;
+$seven-eighths:     87.5%;
+$eight-eighths:     $one-whole;
+
+// ninths
+$one-ninth:         11.111111111111%;
+$two-ninths:        22.222222222222%;
+$three-ninths:      $one-third;
+$four-ninths:       44.444444444444%;
+$five-ninths:       55.555555555556%;
+$six-ninths:        $two-thirds;
+$seven-ninths:      77.777777777778%;
+$eight-ninths:      88.888888888889%;
+$nine-ninths:       $one-whole;
+
+// tenths
+$one-tenth:         10%;
+$two-tenths:        $one-fifth;
+$three-tenths:      30%;
+$four-tenths:       $two-fifths;
+$five-tenths:       $one-half;
+$six-tenths:        $three-fifths;
+$seven-tenths:      70%;
+$eight-tenths:      $four-fifths;
+$nine-tenths:       90%;
+$ten-tenths:        $one-whole;
+
+// elevenths
+$one-eleventh:      9.090909090909%;
+$two-elevenths:     18.181818181818%;
+$three-elevenths:   27.272727272727%;
+$four-elevenths:    36.363636363636%;
+$five-elevenths:    45.454545454545%;
+$six-elevenths:     54.545454545455%;
+$seven-elevenths:   63.636363636364%;
+$eight-elevenths:   72.727272727273%;
+$nine-elevenths:    81.818181818182%;
+$ten-elevenths:     90.909090909091%;
+$eleven-elevenths:  $one-whole;
+
+// twelfths
+$one-twelfth:        8.33333333333333%;
+$two-twelfths:       $one-sixth;
+$three-twelfths:     $one-fourth;
+$four-twelfths:      $one-third;
+$five-twelfths:      41.6666666666667%;
+$six-twelfths:       $one-half;
+$seven-twelfths:     58.3333333333333%;
+$eight-twelfths:     $two-thirds;
+$nine-twelfths:      $three-fourths;
+$ten-twelfths:       $five-sixths;
+$eleven-twelfths:    91.6666666666666%;
+$twelve-twelfths:    $one-whole;

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

@@ -0,0 +1,19 @@
+// ===================================
+//       Groundwork Web Fonts
+// ===================================
+
+
+
+
+@font-face {
+  font-family: 'Average Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url(http://themes.googleusercontent.com/static/fonts/averagesans/v1/dnU3R-5A_43y5bIyLztPsXZ2MAKAc2x4R1uOSeegc5U.eot);
+  src: local('Average Sans'), 
+       local('AverageSans-Regular'), 
+       url(http://themes.googleusercontent.com/static/fonts/averagesans/v1/dnU3R-5A_43y5bIyLztPsXZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), 
+       url(http://themes.googleusercontent.com/static/fonts/averagesans/v1/dnU3R-5A_43y5bIyLztPsXhCUOGz7vYGh680lGh-uXM.woff) format('woff'), 
+       url(http://themes.googleusercontent.com/static/fonts/averagesans/v1/dnU3R-5A_43y5bIyLztPsZS3E-kSBmtLoNJPDtbj2Pk.ttf) format('truetype');
+  
+}

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

@@ -0,0 +1,64 @@
+// =============================================
+//         IE hacks by Gary Hepting 
+//          Last Updated:2013-2-2
+// =============================================
+
+// variables & mixins
+@import "variables";
+@import "mixins";
+
+
+
+html {
+  &.lt-ie9 {
+    min-width:$max-width !important;
+    body {
+      width:auto !important;
+    }
+    .container {
+      width:auto !important;
+    }
+    // forms
+    input, select, textarea {
+      &: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 {
+      &:after {
+        display:none;
+      }
+      select {
+        padding:0;
+        height:2.1em;
+        vertical-align:top;
+        &:focus {
+          border:1px solid $button-active;
+          @include drop-shadow(#fff, 0, 0, 0);
+        }
+      }
+    }
+    // modals
+    div.modal {
+      .close, .fullscreen {
+        padding:6px 7px;
+        top:2px;
+        right:2px;
+      }
+      .fullscreen {
+        right:auto;
+        left:2px;
+      }
+    }
+  }
+}