groundworkcss-rails 0.1

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

@@ -0,0 +1,10 @@
+// ===================================
+//              Popovers
+// ===================================
+
+
+
+
+.popover {
+
+}

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

@@ -0,0 +1,77 @@
+// =============================================
+//         CSS Reset by Gary Hepting 
+//          Last Updated:2013-1-3
+// =============================================
+
+
+
+
+// =======================================================
+//               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
+//
+//
+// =======================================================
+
+*, *:after, *:before {
+  -ms-box-sizing:border-box;              // IE 10+
+  -o-box-sizing:border-box;               // Opera
+  -moz-box-sizing:border-box;             // Firefox
+  -webkit-box-sizing:border-box;          // Webkit (Safari, Chrome, etc)
+  box-sizing:border-box;                  // IE 8-9 & Other
+  *behavior: url(js/libs/boxsizing.htc);  // IE 6-7  -- Thank Schepp for the polyfill for legacy IE browsers: https://github.com/Schepp/box-sizing-polyfill
+}
+
+
+
+
+///////////////////////
+//  optimized reset  //
+///////////////////////
+html, body, div, span, 
+h1, h2, h3, h4, h5, h6, p, 
+ol, ul, li, dl, dt, dd, 
+a, img, blockquote, cite, 
+em, small, strong, b, u, i, time, address, center, 
+form, fieldset, legend, label, input, textarea, select, button, 
+table, caption, tbody, tfoot, thead, tr, th, td, 
+header, footer, aside, menu, nav, section, article, details, 
+pre, code, iframe, object, canvas, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+
+
+
+///////////////////////
+// HTML5 display fix //
+///////////////////////
+header, footer, aside, menu, nav, section, article, details {
+  display: block;
+}

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

@@ -0,0 +1,293 @@
+///////////////////////
+//      desktop      //
+///////////////////////
+// @media only screen and (min-width:1024px) {
+    
+// }
+
+
+
+///////////////////////
+//       ipads       //
+///////////////////////
+// @media only screen and (min-width:768px) and (max-width:1024px) {
+    
+// }
+
+
+
+
+///////////////////////
+//   small tablets   //
+///////////////////////
+@media only screen and (max-width:767px) {
+  // responsive grid
+  .half, .halves,
+  .third, .thirds,
+  .fourth, .fourths,
+  .fifth, .fifths,
+  .sixth, .sixths,
+  .seventh, .sevenths,
+  .eighth, .eighths,
+  .ninth, .ninths,
+  .tenth, .tenths,
+  .eleventh, .elevenths,
+  .twelfth, .twelfths {
+    &:not(.small-tablet):not(.mobile) {
+      width:100% !important;
+      float:none;
+      clear:both;
+      // reset push
+      &.right-one,
+      &.right-two,
+      &.right-three,
+      &.right-four,
+      &.right-five,
+      &.right-six,
+      &.right-seven,
+      &.right-eight,
+      &.right-nine,
+      &.right-ten,
+      &.right-eleven  { left:0; }
+      // reset pull
+      &.left-one,
+      &.left-two,
+      &.left-three,
+      &.left-four,
+      &.left-five,
+      &.left-six,
+      &.left-seven,
+      &.left-eight,
+      &.left-nine,
+      &.left-ten,
+      &.left-eleven   { right:0; }
+      // reset offset
+      &.skip-one,
+      &.skip-two,
+      &.skip-three,
+      &.skip-four,
+      &.skip-five,
+      &.skip-six,
+      &.skip-seven,
+      &.skip-eight,
+      &.skip-nine,
+      &.skip-ten,
+      &.skip-eleven   { margin-left:0; }
+    }
+  }
+  nav:not(.pagination), nav.inline {
+    width:100%;
+    ul, ul.row {
+      li {
+        display:block;
+        width:100% !important;
+        &.menu {
+          > a {
+            &:after {
+              display:none !important;
+            }
+            &:before {
+              content:'\f0c9';
+              display: inline-block;
+              width: 1.1em;
+              margin-left: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;
+            }
+          }
+        }
+        ul {
+          position:static;
+          @include filter-shadow(rgba(0,0,0,0), 0, 0, 0);
+          li {
+            &:first-child {
+              a, a:link, a:visited {
+                @include rounded(0 !important);
+              }
+            }
+            &:last-child {
+              a, a:link, a:visited {
+                @include rounded(0 !important);
+              }
+            }
+          }
+        }
+      }
+      &:last-child {
+        li {
+          &:last-child {
+            ul {
+              li {
+                &:last-child {
+                  a, a:link, a:visited {
+                    @include rounded(0 0 $radius $radius !important);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  nav:not(.pagination), nav.inline {
+    ul, ul.row {
+      li {
+        &:first-child {
+          > a, > a:link, > a:visited {
+            @include rounded($radius $radius 0 0 !important);
+          }
+        }
+        &:last-child {
+          > a, > a:link, > a:visited {
+            @include rounded(0 0 $radius $radius !important);
+          }
+          &.on {
+            > a, > a:link, > a:visited {
+              border-bottom-right-radius:0 !important;
+              border-bottom-left-radius:0 !important;
+            }
+          }
+        }
+      }
+      li {
+        ul {
+          li {
+            a, a:link, a:visited {
+              @include rounded(0 !important);
+            }
+          }
+        }
+      }
+    }
+  }
+  .tabs:not(.small-tablet):not(.mobile):not(.vertical) {
+    > ul {
+      li {
+        float:none;
+        width:100%;
+        margin:0;
+        a {
+          @include rounded(0);
+          border-bottom:none;
+          &:before, &:after {
+            display:none !important;
+          }
+        }
+        &:first-child a {
+          @include rounded($radius $radius 0 0); 
+        }
+      }
+    }
+  }
+  .no-padding-small-tablet {
+    padding:0;
+  }
+  .no-margin-small-tablet {
+    margin:0;
+  }
+}
+
+
+
+
+///////////////////////
+//     handhelds     //
+///////////////////////
+@media only screen and (max-width:480px) {
+  // responsive grid
+  .half, .halves,
+  .third, .thirds,
+  .fourth, .fourths,
+  .fifth, .fifths,
+  .sixth, .sixths,
+  .seventh, .sevenths,
+  .eighth, .eighths,
+  .ninth, .ninths,
+  .tenth, .tenths,
+  .eleventh, .elevenths,
+  .twelfth, .twelfths {
+    &:not(.mobile) {
+      width:100% !important;
+      float:none;
+      clear:both;
+      // reset push
+      &.right-one,
+      &.right-two,
+      &.right-three,
+      &.right-four,
+      &.right-five,
+      &.right-six,
+      &.right-seven,
+      &.right-eight,
+      &.right-nine,
+      &.right-ten,
+      &.right-eleven  { left:0; }
+      // reset pull
+      &.left-one,
+      &.left-two,
+      &.left-three,
+      &.left-four,
+      &.left-five,
+      &.left-six,
+      &.left-seven,
+      &.left-eight,
+      &.left-nine,
+      &.left-ten,
+      &.left-eleven   { right:0; }
+      // reset offset
+      &.skip-one,
+      &.skip-two,
+      &.skip-three,
+      &.skip-four,
+      &.skip-five,
+      &.skip-six,
+      &.skip-seven,
+      &.skip-eight,
+      &.skip-nine,
+      &.skip-ten,
+      &.skip-eleven   { margin-left:0; }
+    }
+  }
+  .tabs:not(.mobile) {
+    > ul {
+      li {
+        float:none;
+        width:100%;
+        a {
+          @include rounded(0);
+          border-bottom:none;
+        }
+        &:first-child a {
+          @include rounded($radius $radius 0 0); 
+        }
+      }
+    }
+  }
+  .no-padding-mobile {
+    padding:0;
+  }
+  .no-margin-mobile {
+    margin:0;
+  }
+}
+
+
+
+
+///////////////////////
+//  small handhelds  //
+///////////////////////
+// @media only screen and (max-width:320px) {
+    
+// }

data/vendor/assets/stylesheets/groundworkcss-scss/_social-icons.scss

@@ -0,0 +1,92 @@
+// =============================================
+//        Social icons by Gary Hepting 
+//           Last Updated:2013-1-18
+// =============================================
+
+
+
+
+.social-icon {
+  display: inline-block;
+  background-size: 100%;
+  width:1em;
+  height:1em;
+  text-indent: -999em;
+  text-align: left;
+  @include rounded(2px);
+  margin-bottom: 3px;
+  vertical-align: bottom;
+  @include drop-shadow(rgba(0,0,0,0.2), 5px, 0, 0); // color, alpha, blur, x, y
+  &.small {
+    width: 20px;
+    height: 20px;
+    @include rounded(3px);
+  }
+  &.medium {
+    width: 30px;
+    height: 30px;
+    @include rounded(5px);
+  }
+  &.large {
+    width: 48px;
+    height: 48px;
+    @include rounded(6px);
+  }
+  &.round {
+    @include rounded(50% 50%);
+  }
+  &.aboutme       { @include data-image("#{$socialPath}/aboutme.svg"); }
+  &.adn           { @include data-image("#{$socialPath}/adn.svg"); }
+  &.android       { @include data-image("#{$socialPath}/android.svg"); }
+  &.apple         { @include data-image("#{$socialPath}/apple.svg"); }
+  &.behance       { @include data-image("#{$socialPath}/behance.svg"); }
+  &.bitbucket     { @include data-image("#{$socialPath}/bitbucket.svg"); }
+  &.coderwall     { @include data-image("#{$socialPath}/coderwall.svg"); }
+  &.creativecloud { @include data-image("#{$socialPath}/creativecloud.svg"); }
+  &.dribbble      { @include data-image("#{$socialPath}/dribbble.svg"); }
+  &.dropbox       { @include data-image("#{$socialPath}/dropbox.svg"); }
+  &.evernote      { @include data-image("#{$socialPath}/evernote.svg"); }
+  &.facebook      { @include data-image("#{$socialPath}/facebook.svg"); }
+  &.flickr        { @include data-image("#{$socialPath}/flickr.svg"); }
+  &.foursquare    { @include data-image("#{$socialPath}/foursquare.svg"); }
+  &.git           { @include data-image("#{$socialPath}/git.svg"); }
+  &.github        { @include data-image("#{$socialPath}/github.svg"); }
+  &.googleplay    { @include data-image("#{$socialPath}/googleplay.svg"); }
+  &.googleplus    { @include data-image("#{$socialPath}/googleplus.svg"); }
+  &.html5         { @include data-image("#{$socialPath}/html5.svg"); }
+  &.icloud        { @include data-image("#{$socialPath}/icloud.svg"); }
+  &.instagram     { @include data-image("#{$socialPath}/instagram.svg"); }
+  &.lastfm        { @include data-image("#{$socialPath}/lastfm.svg"); }
+  &.linkedin      { @include data-image("#{$socialPath}/linkedin.svg"); }
+  &.mail          { @include data-image("#{$socialPath}/mail.svg"); }
+  &.mixi          { @include data-image("#{$socialPath}/mixi.svg"); }
+  &.msn           { @include data-image("#{$socialPath}/msn.svg"); }
+  &.pinterest     { @include data-image("#{$socialPath}/pinterest.svg"); }
+  &.pocket        { @include data-image("#{$socialPath}/pocketapp.svg"); }
+  &.quora         { @include data-image("#{$socialPath}/quora.svg"); }
+  &.orkut         { @include data-image("#{$socialPath}/orkut.svg"); }
+  &.mercurial     { @include data-image("#{$socialPath}/mercurial.svg"); }
+  &.rdio          { @include data-image("#{$socialPath}/rdio.svg"); }
+  &.renren        { @include data-image("#{$socialPath}/renren.svg"); }
+  &.rss           { @include data-image("#{$socialPath}/rss.svg"); }
+  &.skitch        { @include data-image("#{$socialPath}/skitch.svg"); }
+  &.skype         { @include data-image("#{$socialPath}/skype.svg"); }
+  &.soundcloud    { @include data-image("#{$socialPath}/soundcloud.svg"); }
+  &.spotify       { @include data-image("#{$socialPath}/spotify.svg"); }
+  &.stackoverflow { @include data-image("#{$socialPath}/stackoverflow.svg"); }
+  &.stumbleupon   { @include data-image("#{$socialPath}/stumbleupon.svg"); }
+  &.svn           { @include data-image("#{$socialPath}/svn.svg"); }
+  &.tent          { @include data-image("#{$socialPath}/tent.svg"); }
+  &.tripadvisor   { @include data-image("#{$socialPath}/tripadvisor.svg"); }
+  &.tumblr        { @include data-image("#{$socialPath}/tumblr.svg"); }
+  &.twitter       { @include data-image("#{$socialPath}/twitter.svg"); }
+  &.vimeo         { @include data-image("#{$socialPath}/vimeo.svg"); }
+  &.weibo         { @include data-image("#{$socialPath}/weibo.svg"); }
+  &.windows       { @include data-image("#{$socialPath}/windows.svg"); }
+  &.wordpress     { @include data-image("#{$socialPath}/wordpress.svg"); }
+  &.xing          { @include data-image("#{$socialPath}/xing.svg"); }
+  &.yelp          { @include data-image("#{$socialPath}/yelp.svg"); }
+  &.youtube       { @include data-image("#{$socialPath}/youtube.svg"); }
+  &.youversion    { @include data-image("#{$socialPath}/youversion.svg"); }
+  &.zerply        { @include data-image("#{$socialPath}/zerply.svg"); }
+}