groundworkcss-rails 0.1

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("social-icons/aboutme.svg"); }
+  &.adn           { @include data-image("social-icons/adn.svg"); }
+  &.android       { @include data-image("social-icons/android.svg"); }
+  &.apple         { @include data-image("social-icons/apple.svg"); }
+  &.behance       { @include data-image("social-icons/behance.svg"); }
+  &.bitbucket     { @include data-image("social-icons/bitbucket.svg"); }
+  &.coderwall     { @include data-image("social-icons/coderwall.svg"); }
+  &.creativecloud { @include data-image("social-icons/creativecloud.svg"); }
+  &.dribbble      { @include data-image("social-icons/dribbble.svg"); }
+  &.dropbox       { @include data-image("social-icons/dropbox.svg"); }
+  &.evernote      { @include data-image("social-icons/evernote.svg"); }
+  &.facebook      { @include data-image("social-icons/facebook.svg"); }
+  &.flickr        { @include data-image("social-icons/flickr.svg"); }
+  &.foursquare    { @include data-image("social-icons/foursquare.svg"); }
+  &.git           { @include data-image("social-icons/git.svg"); }
+  &.github        { @include data-image("social-icons/github.svg"); }
+  &.googleplay    { @include data-image("social-icons/googleplay.svg"); }
+  &.googleplus    { @include data-image("social-icons/googleplus.svg"); }
+  &.html5         { @include data-image("social-icons/html5.svg"); }
+  &.icloud        { @include data-image("social-icons/icloud.svg"); }
+  &.instagram     { @include data-image("social-icons/instagram.svg"); }
+  &.lastfm        { @include data-image("social-icons/lastfm.svg"); }
+  &.linkedin      { @include data-image("social-icons/linkedin.svg"); }
+  &.mail          { @include data-image("social-icons/mail.svg"); }
+  &.mixi          { @include data-image("social-icons/mixi.svg"); }
+  &.msn           { @include data-image("social-icons/msn.svg"); }
+  &.pinterest     { @include data-image("social-icons/pinterest.svg"); }
+  &.pocket        { @include data-image("social-icons/pocketapp.svg"); }
+  &.quora         { @include data-image("social-icons/quora.svg"); }
+  &.orkut         { @include data-image("social-icons/orkut.svg"); }
+  &.mercurial     { @include data-image("social-icons/mercurial.svg"); }
+  &.rdio          { @include data-image("social-icons/rdio.svg"); }
+  &.renren        { @include data-image("social-icons/renren.svg"); }
+  &.rss           { @include data-image("social-icons/rss.svg"); }
+  &.skitch        { @include data-image("social-icons/skitch.svg"); }
+  &.skype         { @include data-image("social-icons/skype.svg"); }
+  &.soundcloud    { @include data-image("social-icons/soundcloud.svg"); }
+  &.spotify       { @include data-image("social-icons/spotify.svg"); }
+  &.stackoverflow { @include data-image("social-icons/stackoverflow.svg"); }
+  &.stumbleupon   { @include data-image("social-icons/stumbleupon.svg"); }
+  &.svn           { @include data-image("social-icons/svn.svg"); }
+  &.tent          { @include data-image("social-icons/tent.svg"); }
+  &.tripadvisor   { @include data-image("social-icons/tripadvisor.svg"); }
+  &.tumblr        { @include data-image("social-icons/tumblr.svg"); }
+  &.twitter       { @include data-image("social-icons/twitter.svg"); }
+  &.vimeo         { @include data-image("social-icons/vimeo.svg"); }
+  &.weibo         { @include data-image("social-icons/weibo.svg"); }
+  &.windows       { @include data-image("social-icons/windows.svg"); }
+  &.wordpress     { @include data-image("social-icons/wordpress.svg"); }
+  &.xing          { @include data-image("social-icons/xing.svg"); }
+  &.yelp          { @include data-image("social-icons/yelp.svg"); }
+  &.youtube       { @include data-image("social-icons/youtube.svg"); }
+  &.youversion    { @include data-image("social-icons/youversion.svg"); }
+  &.zerply        { @include data-image("social-icons/zerply.svg"); }
+}

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

@@ -0,0 +1,80 @@
+// ===================================
+//             Tables
+// ===================================
+
+
+
+
+table {
+  border:1px solid $border-color;
+  width:100%;
+  max-width:100%;
+  padding:0;
+  margin:0;
+  font-size:1em;
+  &.responsive {
+    table-layout:fixed;
+  }
+  // styles for cells
+  th, td {
+    padding:$gutter;
+    background:darken(white, 1%);
+    white-space:normal;
+    word-wrap:break-word;
+    text-align:left;
+  }
+  td {
+    font-size:0.9em;
+  }
+  // every other row
+  tr:nth-child(even) {
+    th, td {
+      background:darken(white, 5%);
+    }
+  }
+  // styles for thead
+  thead {
+    tr {
+      th {
+        font-size:1.1em;
+        font-weight:bold;
+      }
+      th, td {
+        background:$button-color;
+        color:$button-text;
+      }
+      td {
+        font-weight:normal;
+      }
+    }
+  }
+  tr {
+    td {
+
+    }
+  }
+  // styles for tbody
+  tbody {
+    tr {
+      th {
+        font-size:0.9em;
+      }
+      td {
+        
+      }
+    }
+  }
+  // styles for tfoot
+  tfoot {
+    tr {
+      th {
+        font-size:1em;
+      }
+      td {
+        background:lighten(gray, 37.5%);
+        color:darken(gray, 15%);
+        font-size:0.8em;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,137 @@
+// ===================================
+//          Groundwork Tabs
+// ===================================
+
+
+
+
+.tabs {
+  position:relative;
+  > ul {
+    display:block;
+    width:100%;
+    margin:0;
+    padding:0;
+    list-style:none;
+    &:after {
+      content:'';
+      display:block;
+      clear:both;
+    }
+    li {
+      display:block;
+      float:left;
+      margin:0 2px;
+      &.pull-right  { float:right; }
+      &.pull-left   { float:left; }
+      &:first-child {
+        margin-left:0;
+        a {
+          &:before {
+            display:none;
+          }
+        }
+      }
+      a {
+        display:block;
+        position:relative;
+        width:100%;
+        word-wrap:break-word;
+        padding:0.25em 1em;
+        background:$button-color;
+        border:1px solid $button-color;
+        color:$button-text;
+        font-weight:bold;
+        font-size:1em;
+        text-decoration:none;
+        text-align:center;
+        cursor:pointer;
+        line-height:1.5;
+        height:2em;
+        @include transition(background-color 0.25s ease-out);
+        @include rounded($radius $radius 0 0);
+        &:hover, &:focus {
+          background:$button-active;
+          border:1px solid $button-active;
+          color:$button-text;
+          text-decoration:none;
+          &:before {
+            box-shadow:2px 1px 0 $button-active;
+          }
+          &:after {
+            box-shadow:-2px 1px 0 $button-active;
+          }
+        }
+        &.active, &.active:hover, &.active:focus {
+          background:$button-active;
+          border:1px solid $button-active;
+          color:$button-text;
+          z-index:2;
+          @include filter-shadow(rgba(0,0,0,0.25), 5px, 0, 0);
+          &:before {
+            box-shadow:2px 1px 0 $button-active;
+          }
+          &:after {
+            box-shadow:-2px 1px 0 $button-active;
+          }
+        }
+        &.disabled {
+          background:lighten(gray, 15%);
+          color:lighten(gray, 35%);
+          cursor:not-allowed;
+          border-color:lighten(gray, 15%);
+          &:before {
+            box-shadow:2px 1px 0 lighten(gray, 15%);
+          }
+          &:after {
+            box-shadow:-2px 1px 0 lighten(gray, 15%);
+          }
+          &:hover, &:focus {
+            background:lighten(gray, 15%);
+            border:1px solid lighten(gray, 15%);
+            color:lighten(gray, 35%);
+            &:before {
+              box-shadow:2px 1px 0 lighten(gray, 15%);
+            }
+            &:after {
+              box-shadow:-2px 1px 0 lighten(gray, 15%);
+            }
+          }
+        }
+        &:before, &:after {
+          position:absolute;
+          bottom:-1px;
+          width:6px;
+          height:6px;
+          content:'';
+        }
+        &:before {
+          left:-6px;
+          border-bottom-right-radius:6px;
+          border-width:0 1px 1px 0;
+          box-shadow:2px 1px 0 $button-color;
+        }
+        &:after {
+          right:-6px;
+          border-bottom-left-radius:6px;
+          border-width:0 0 1px 1px;
+          box-shadow:-2px 1px 0 $button-color;
+        }
+      }
+    }
+  }
+  > div {
+    display:none;
+    padding:$gutter * 2;
+    *:first-child {
+      margin-top:0;
+    }
+    *:last-child {
+      margin-bottom:0;
+    }
+    &.active {
+      display:block;
+      border:1px solid $button-active;
+    }
+  }
+}

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

@@ -0,0 +1,161 @@
+// ===================================
+//             Tooltips
+// ===================================
+
+
+
+
+.tooltip:not([title]):not([role~=tooltip]) {
+  position:relative;
+  padding:5px 15px;
+  background:$button-color;
+  border:1px solid $border-color;
+  @include rounded($radius);
+  @include filter-shadow(rgba(0,0,0,0.15), 8px, 3px, 3px); // color, blur, x, y
+  font-size:13px;
+  color:$button-text;
+  &:after {
+    content:'';
+    display:block;
+    position:absolute;
+    margin-top:5px;
+    width:0;
+    height:0;
+    border-top:6px solid $button-color;
+    border-right:6px solid transparent;
+    border-left:6px solid transparent;
+  }
+  &:before {
+    content:'';
+    display:block;
+    position:absolute;
+    bottom:-7px;
+    left:12px;
+    border-top:6px solid $border-color;
+    border-right:9px solid transparent;
+    border-left:9px solid transparent;
+  }
+  a.close {
+    display:block;
+    width:17px;
+    height:17px;
+    line-height:17px;
+    padding:0;
+    margin:0 -10px 5px 5px;
+    text-align:center;
+    float:right;
+    color:$button-text;
+    border:1px solid lighten($button-color, 15%);
+    background:white;
+    text-decoration:none;
+    font-size:12px;
+    @include rounded($radius / 2);
+    i {
+      color:inherit;
+    }
+  }
+}
+#tooltip {
+  display:block;
+  max-width:640px;
+  position:absolute;
+  z-index:97;
+  padding:5px 15px;
+  background:$button-color;
+  border:1px solid $border-color;
+  @include rounded($radius);
+  @include filter-shadow(rgba(0,0,0,0.15), 8px, 3px, 3px); // color, blur, x, y
+  font-size:13px;
+  text-transform:normal;
+  color:$button-text;
+  &:after, &:before {
+    content:'';
+    position:absolute;
+    z-index:98;
+    width:0;
+    height:0;
+  }
+  &:after {
+    z-index:99;
+  }
+  &.top.right {
+    &:after {
+      top:auto;
+      right:12px;
+      bottom:-6px;
+      left:auto;
+      border-top:6px solid $button-color;
+      border-right:6px solid transparent;
+      border-left:6px solid transparent;
+    }
+    &:before {
+      top:auto;
+      right:10px;
+      bottom:-7px;
+      left:auto;
+      border-top:6px solid $border-color;
+      border-right:8px solid transparent;
+      border-left:8px solid transparent;
+    }
+  }
+  &.top.left {
+    &:after {
+      top:auto;
+      right:auto;
+      bottom:-6px;
+      left:12px;
+      border-top:6px solid $button-color;
+      border-right:6px solid transparent;
+      border-left:6px solid transparent;
+    }
+    &:before {
+      top:auto;
+      right:auto;
+      bottom:-7px;
+      left:10px;
+      border-top:6px solid $border-color;
+      border-right:8px solid transparent;
+      border-left:8px solid transparent;
+    }
+  }
+  &.bottom.right {
+    &:after {
+      top:-6px;
+      right:12px;
+      bottom:auto;
+      left:auto;
+      border-right:6px solid transparent;
+      border-bottom:6px solid $button-color;
+      border-left:6px solid transparent;
+    }
+    &:before {
+      top:-7px;
+      right:10px;
+      bottom:auto;
+      left:auto;
+      border-right:8px solid transparent;
+      border-bottom:6px solid $border-color;
+      border-left:8px solid transparent;
+    }
+  }
+  &.bottom.left {
+    &:after {
+      top:-6px;
+      right:auto;
+      bottom:auto;
+      left:12px;
+      border-right:6px solid transparent;
+      border-bottom:6px solid $button-color;
+      border-left:6px solid transparent;
+    }
+    &:before {
+      top:-7px;
+      right:auto;
+      bottom:auto;
+      left:10px;
+      border-right:8px solid transparent;
+      border-bottom:6px solid $border-color;
+      border-left:8px solid transparent;
+    }
+  }
+}