groundworkcss-rails 0.2.1 → 0.2.2

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

@@ -195,3 +195,12 @@
     }
   }
 }
+
+
+
+
+// ====================
+//       classes
+// ====================
+
+@import "classes";

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

@@ -21,59 +21,8 @@
 //   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; }
-    }
+  @if $classes {
+    @include grid-responsive();
   }
   nav:not(.pagination), nav.inline {
     width:100%;
@@ -205,59 +154,8 @@
 //     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; }
-    }
+  @if $classes {
+    @include grid-responsive(false);
   }
   .tabs:not(.mobile) {
     > ul {

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/_tooltips.scss

@@ -11,7 +11,7 @@
   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
+  @include drop-shadow(rgba(0,0,0,0.15), 8px, 3px, 3px); // color, blur, x, y
   font-size:13px;
   color:$button-text;
   &:after {
@@ -59,24 +59,24 @@
   display:block;
   max-width:640px;
   position:absolute;
-  z-index:97;
+  z-index:101;
   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
+  @include drop-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;
+    z-index:101;
     width:0;
     height:0;
   }
   &:after {
-    z-index:99;
+    z-index:102;
   }
   &.top.right {
     &:after {

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

@@ -79,21 +79,21 @@ ul.list {
   > li {
     &:before {
       content:'\f00c';
-      display: inline-block;
-      width: 1.1em;
+      display:inline-block;
+      width:1.1em;
       margin-right:0.25em;
-      font-family: FontAwesome;
-      font-weight: normal;
-      font-style: normal;
+      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;
+      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;
     }
   }
 }
@@ -178,40 +178,45 @@ 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;
-  }
+	white-space:pre-wrap;
+	word-wrap:break-word;
+	min-height:1em;
+	display:inline-block;
+	background:lighten(gray, 30%);
+	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;
-  }
+	$border:2.6em;
+	color:white;
+	background:#050505;
+	font-size:0.9em;
+	padding:0.5em;
+	display:block;
+	border-left:#{$border} solid gray;
+	counter-reset:linenumber;
+	code {
+		background:inherit;
+		margin:0;
+		padding:0;
+		&:before {
+			text-align:right;
+			color:white;
+			counter-increment:linenumber;
+			content:counter(linenumber) ".";
+			position:absolute;
+			left:0.65em;
+			width:#{$border};
+		}
+	}
 }
+
 .error, .invalid {
   color:$error-color;
 }

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

@@ -3,6 +3,7 @@
 ///////////////////////
 $max-width:           1200px; // max container width (i.e. - 960px)
 $gutter:              10px;   // gutter spacing
+$classes:             true;   // enable CSS classes
 
 
 // base styles
@@ -32,103 +33,103 @@ $radius:              4px;
 ///////////////////////
 
 // wholes
-$one-whole:         100%;
+$one-whole:         percentage(1);
 
 // halves
-$one-half:          50%;
+$one-half:          percentage(1/2);
 $two-halves:        $one-whole;
 
 // thirds
-$one-third:         33.3333333333333%;
-$two-thirds:        66.6666666666666%;
+$one-third:         percentage(1/3);
+$two-thirds:        percentage(2/3);
 $three-thirds:      $one-whole;
 
 // fourths
-$one-fourth:        25%;
+$one-fourth:        percentage(1/4);
 $two-fourths:       $one-half;
-$three-fourths:     75%;
+$three-fourths:     percentage(3/4);
 $four-fourths:      $one-whole;
 
 // fifths
-$one-fifth:         20%;
-$two-fifths:        40%;
-$three-fifths:      60%;
-$four-fifths:       80%;
+$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:         16.666666666667%;
+$one-sixth:         percentage(1/6);
 $two-sixths:        $one-third;
 $three-sixths:      $one-half;
 $four-sixths:       $two-thirds;
-$five-sixths:       83.333333333333%;
+$five-sixths:       percentage(5/6);
 $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%;
+$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:        12.5%;
+$one-eighth:        percentage(1/8);
 $two-eighths:       $one-fourth;
-$three-eighths:     37.5%;
+$three-eighths:     percentage(3/8);
 $four-eighths:      $one-half;
-$five-eighths:      62.5%;
+$five-eighths:      percentage(5/8);
 $six-eighths:       $three-fourths;
-$seven-eighths:     87.5%;
+$seven-eighths:     percentage(7/8);
 $eight-eighths:     $one-whole;
 
 // ninths
-$one-ninth:         11.111111111111%;
-$two-ninths:        22.222222222222%;
+$one-ninth:         percentage(1/9);
+$two-ninths:        percentage(2/9);
 $three-ninths:      $one-third;
-$four-ninths:       44.444444444444%;
-$five-ninths:       55.555555555556%;
+$four-ninths:       percentage(4/9);
+$five-ninths:       percentage(5/9);
 $six-ninths:        $two-thirds;
-$seven-ninths:      77.777777777778%;
-$eight-ninths:      88.888888888889%;
+$seven-ninths:      percentage(7/9);
+$eight-ninths:      percentage(8/9);
 $nine-ninths:       $one-whole;
 
 // tenths
-$one-tenth:         10%;
+$one-tenth:         percentage(1/10);
 $two-tenths:        $one-fifth;
-$three-tenths:      30%;
+$three-tenths:      percentage(3/10);
 $four-tenths:       $two-fifths;
 $five-tenths:       $one-half;
 $six-tenths:        $three-fifths;
-$seven-tenths:      70%;
+$seven-tenths:      percentage(7/10);
 $eight-tenths:      $four-fifths;
-$nine-tenths:       90%;
+$nine-tenths:       percentage(9/10);
 $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%;
+$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:        8.33333333333333%;
+$one-twelfth:        percentage(1/12);
 $two-twelfths:       $one-sixth;
 $three-twelfths:     $one-fourth;
 $four-twelfths:      $one-third;
-$five-twelfths:      41.6666666666667%;
+$five-twelfths:      percentage(5/12);
 $six-twelfths:       $one-half;
-$seven-twelfths:     58.3333333333333%;
+$seven-twelfths:     percentage(7/12);
 $eight-twelfths:     $two-thirds;
 $nine-twelfths:      $three-fourths;
 $ten-twelfths:       $five-sixths;
-$eleven-twelfths:    91.6666666666666%;
+$eleven-twelfths:    percentage(11/12);
 $twelve-twelfths:    $one-whole;