groundworkcss-rails 0.1 → 0.2

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

@@ -111,12 +111,12 @@
           @include filter-shadow(rgba(0,0,0,0), 0, 0, 0);
           li {
             &:first-child {
-              a, a:link, a:visited {
+              a, a:visited {
                 @include rounded(0 !important);
               }
             }
             &:last-child {
-              a, a:link, a:visited {
+              a, a:visited {
                 @include rounded(0 !important);
               }
             }
@@ -129,7 +129,7 @@
             ul {
               li {
                 &:last-child {
-                  a, a:link, a:visited {
+                  a, a:visited {
                     @include rounded(0 0 $radius $radius !important);
                   }
                 }
@@ -144,16 +144,16 @@
     ul, ul.row {
       li {
         &:first-child {
-          > a, > a:link, > a:visited {
+          > a, > , > a:visited {
             @include rounded($radius $radius 0 0 !important);
           }
         }
         &:last-child {
-          > a, > a:link, > a:visited {
+          > a, > , > a:visited {
             @include rounded(0 0 $radius $radius !important);
           }
           &.on {
-            > a, > a:link, > a:visited {
+            > a, > , > a:visited {
               border-bottom-right-radius:0 !important;
               border-bottom-left-radius:0 !important;
             }
@@ -163,7 +163,7 @@
       li {
         ul {
           li {
-            a, a:link, a:visited {
+            a, a:visited {
               @include rounded(0 !important);
             }
           }
@@ -185,7 +185,7 @@
           }
         }
         &:first-child a {
-          @include rounded($radius $radius 0 0); 
+          @include rounded($radius $radius 0 0);
         }
       }
     }
@@ -269,7 +269,7 @@
           border-bottom:none;
         }
         &:first-child a {
-          @include rounded($radius $radius 0 0); 
+          @include rounded($radius $radius 0 0);
         }
       }
     }

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

@@ -35,58 +35,58 @@
   &.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"); }
+  &.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

@@ -12,6 +12,11 @@ table {
   padding:0;
   margin:0;
   font-size:1em;
+  &.align-center {
+    th, td {
+      text-align:center;
+    }
+  }
   &.responsive {
     table-layout:fixed;
   }

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

@@ -1,5 +1,5 @@
 // ===================================
-//          Groundwork Tabs
+//         GroundworkCSS Tabs
 // ===================================
 
 
@@ -7,6 +7,44 @@
 
 .tabs {
   position:relative;
+  &.vertical {
+    > ul {
+      height:100%;
+      position:absolute;
+      width:20%;
+      background:$button-active;
+      border-bottom:1px solid $button-active;
+      @include rounded($radius 0 0 $radius);
+      li {
+        float:none;
+        margin:0 -1px 0 0;
+        &:first-child {
+          a, a:visited {
+            @include rounded($radius 0 0 0);
+          }
+        }
+        a, a:visited {
+          height:auto;
+          border-bottom:1px solid $button-active;
+          @include rounded(0);
+          &:before, &:after {
+            display:none !important;
+          }
+          &.active {
+            border-right:none;
+            color:$font-color;
+            background:$background-color;
+          }
+        }
+      }
+    }
+    > div {
+      position:relative;
+      left:20%;
+      width:80%;
+      @include rounded(0 $radius $radius 0);
+    }
+  }
   > ul {
     display:block;
     width:100%;
@@ -67,7 +105,6 @@
           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;
           }
@@ -123,6 +160,8 @@
   > div {
     display:none;
     padding:$gutter * 2;
+    background:$background-color;
+    @include rounded(0 0 $radius $radius);
     *:first-child {
       margin-top:0;
     }

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

@@ -19,48 +19,20 @@ body {
   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 {
+* {
+  outline:none;
+  &:focus {
+    @include filter-shadow(rgba(0,0,0,0.35), 15px, 0, 0);
+  }
+}
+a, 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;
 }
@@ -97,14 +69,14 @@ p, ul, ol, dl {
 }
 ul, ol {
   margin-left:20px;
-}
-ul {
-  list-style-type:circle;
+  li {
+    display:list-item;
+  }
 }
 ul.list {
   list-style:none;
   margin-left:0;
-  li {
+  > li {
     &:before {
       content:'\f00c';
       display: inline-block;
@@ -129,25 +101,25 @@ ol.list {
   counter-reset:li;
   list-style:none;
   margin-left:1.5em;
-}
-ol.list > li {
+  > 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);
+    &: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 {
@@ -246,6 +218,9 @@ pre {
 .success, .valid {
   color:$success-color;
 }
+.warning {
+  color:$warning-color;
+}
 // responsive headings
 .js {
   .responsive {

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

@@ -1,5 +1,5 @@
 // ===================================
-//       Groundwork Web Fonts
+//      GroundworkCSS Web Fonts
 // ===================================
 
 

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

@@ -48,6 +48,10 @@ html {
         }
       }
     }
+    // social icons
+    .social-icon {
+      filter:none;
+    }
     // modals
     div.modal {
       .close, .fullscreen {
@@ -61,4 +65,61 @@ html {
       }
     }
   }
+  &.lt-ie8 {
+    // navigation
+    nav {
+      &.inline {
+        > ul {
+          li {
+            display:block;
+            float:left;
+            white-space-collapse:preserve;
+            ul {
+              width:100%;
+              li {
+                float:none;
+                width:100%;
+              }
+            }
+          }
+        }
+      }
+    }
+    // typography
+    h1, h2, h3, h4, h5, h6 {
+      line-height:1.5;
+    }
+    ul, ul.list, 
+    ol, ol.list {
+      margin-left:0;
+      padding-left:25px;
+    }
+    ul {
+      &.list {
+        list-style:disc;
+      }
+    }
+    ol {
+      &.list {
+        list-style:decimal;
+        li {
+          padding:0;
+        }
+      }
+    }
+    // buttons
+    ul, ol {
+      &.button-list {
+        margin:0;
+        padding:0;
+      }
+    }
+    button, .button, a.button, a.button:visited {
+      &.dropdown {
+        ul {
+          top:2em;
+        }
+      }
+    }
+  }
 }