stipe 0.0.5.9 → 0.0.6.0

data/readme.md

@@ -1,4 +1,4 @@
-e#Stipe Compass Extension
+#Stipe Compass Extension
 Stipe is the life blood of the Toadstool style guide framework. Consisting of a series of mixins, extends and defaults that give Toadstool that 'instant on' experience.
 
 [Stipe](https://rubygems.org/gems/stipe)
@@ -12,6 +12,11 @@ To use the Stipe gem, using Bundler `gem 'stipe'`
 Stipe is a Compass Extension, so Compass is a dependency. You will need to include `require 'stipe'` in your config.rb file.
 
 # Stipe Changelog
+###0.0.6.0
+* Updated `@clearfix` to remove redundant CSS output.
+* Added some additional @media query-scoped grid placeholders.
+* Updated gem homepage.
+
 ###0.0.5.9
 * Removed uneccessary instances of the box-sizing mixin, namely, in the push/pull mixins.
 * Added _legacy_extends.scss file to stipe/grid. This is an optional @import, not included in the Stipe manifest. It restores some legacy placeholders. Consider it deprecated.

data/stylesheets/stipe/grid/_legacy_extends.scss

@@ -1,11 +1,5 @@
 // These are legacy placeholder classes. You shouldn't use them. They will be removed in a future release.
 
-/*
-
-Am I here?
-
-*/
-
 %grid_1 {
   @extend %grid_1of12;
   @media #{$tablet_portrait} {
@@ -125,3 +119,47 @@ Am I here?
     @extend %grid_4of4;
   }
 }
+
+
+@media #{$mobile} {
+  %grid_full_mobile {
+    /* grid_full_mobile */
+    @include full_width_block(12, $main_grid_align: left);
+  }
+}
+@media #{$mobile_portrait} {
+  %grid_full_mobile_portrait {
+    /* grid_full_mobile_portrait */
+    @include full_width_block(12, $main_grid_align: left);
+  }
+}
+@media #{$mobile_landscape}	{
+  %grid_full_mobile_landscape {
+    /* grid_full_mobile_landscape */
+    @include full_width_block(12, $main_grid_align: left);
+  }
+}
+@media #{$tablet} {
+  %grid_full_tablet {
+    /* grid_full_tablet */
+    @include full_width_block(12, $main_grid_align: left);
+  }
+}
+@media #{$tablet_portrait} {
+  %grid_full_tablet_portrait {
+    /* grid_full_tablet_portrait */
+    @include full_width_block(12, $main_grid_align: left);
+  }
+}
+@media #{$tablet_landscape} {
+  %grid_full_tablet_landscape {
+    /* grid_full_tablet_landscape */
+    @include full_width_block(12, $main_grid_align: left);
+  }
+}
+@media #{$desktop} {
+  %grid_full_desktop {
+    /* grid_full_mobile */
+    @include full_width_block(12, $main_grid_align: left);
+  }
+}

data/stylesheets/stipe/grid/_media_extends.scss

@@ -0,0 +1,25 @@
+@media #{$tablet_portrait} {
+  @for $i from 1 through 10 {
+    %grid_#{$i}of10 {
+      @include grid($i, $grid_context: 10);
+    }
+  }
+  @for $i from 11 through 12 {
+    %grid_#{$i}of10 {
+      @include grid(10, $grid_context: 10);
+    }
+  }
+}
+
+@media #{$mobile} {
+  @for $i from 1 through 4 {
+    %grid_#{$i}of4 {
+      @include grid($i, $grid_context: 4);
+    }
+  }
+  @for $i from 5 through 12 {
+    %grid_#{$i}of4 {
+      @include grid(4, $grid_context: 4);
+    }
+  }
+}

data/stylesheets/stipe/resets/_toadstool.scss

@@ -69,16 +69,7 @@ ol,ul {
 
 blockquote, q {
 	quotes: none;
-}
-
-blockquote {
-	&:before, &:after {
-		content: '';
-		content: none;
-	}
-}
-
-q {
+	
 	&:before, &:after {
 		content: '';
 		content: none;
@@ -133,16 +124,13 @@ table {
 	font: 100%;
 }
 
-sub {
+sub, sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 }
 
 sup {
-	font-size: 75%;
-	line-height: 0;
-	position: relative;
 	top: -0.5em;
 }
 
@@ -157,14 +145,18 @@ pre, code, kbd, samp {
 }
 
 // * hand cursor on clickable elements
+%stipe-cursor-pointer {
+  cursor: pointer;
+}
+
 
 .clickable, label {
-	cursor: pointer;
+	@extend %stipe-cursor-pointer;
 }
 
 input {
 	&[type=button], &[type=submit] {
-		cursor: pointer;
+		@extend %stipe-cursor-pointer;
 	}
 }
 

data/stylesheets/stipe/stipe/_mixins.scss

@@ -11,7 +11,7 @@
 $prefix_defaults: -moz- -webkit- -o- -ms- '' !default;
 $webkit_support: -webkit- '' !default;
 $moz_support: -moz- '' !default;
-$ms_support: -ms- '' !default; 
+$ms_support: -ms- '' !default;
 $moz_webkit_support: -moz- -webkit- '' !default;
 $moz_ms_support: -moz- -ms- '' !default;
 $webkit_ms_support: -webkit- -ms- '' !default;
@@ -123,11 +123,11 @@ $inset_shadow: em($ih-shadow) em($iv-shadow) em($iblur) em($is-shadow);
 /////////// image with gradient background ////////////
 // ------------------------------------------------- //
 
-// This tool is pretty crazy and a little complex. Purpose is to simplify the creation of dual background assets that consist of an image and a gradient background. 
-// This tool also requires that a gradient object be created as variables. 
+// This tool is pretty crazy and a little complex. Purpose is to simplify the creation of dual background assets that consist of an image and a gradient background.
+// This tool also requires that a gradient object be created as variables.
 // Known restrictions ... images must be .png, position of background is currently hard-coded
 @mixin icon_gradient_background($icon_image, $fallback_color, $w3c_color_spec, $safari_color_spec, $ie_start, $ie_stop) {
-  // w3c //: 
+  // w3c //:
   @include linear_gradient_bkgimage ('#{$imgDir}#{$icon_image}.png',5% 50%, $fallback_color, $w3c_color_spec);
   // legacy safari //
   @include linear_gradient_bkgimage_legacy_safari ('#{$imgDir}#{$icon_image}.png', 5% 50%, $safari_color_spec);
@@ -138,11 +138,11 @@ $inset_shadow: em($ih-shadow) em($iv-shadow) em($iblur) em($is-shadow);
 // Example using this mixin
 // .your_new_class {
 //  @include icon_gradient_background(
-//    $icon_image: play_icon, 
-//    $fallback_color: $echo_color_bravo, 
-//    $w3c_color_spec: $alpha_color_gradient_var_w3c, 
-//    $safari_color_spec: $alpha_color_gradient_var_legacy_safari, 
-//    $ie_start: $echo_color_delta, 
+//    $icon_image: play_icon,
+//    $fallback_color: $echo_color_bravo,
+//    $w3c_color_spec: $alpha_color_gradient_var_w3c,
+//    $safari_color_spec: $alpha_color_gradient_var_legacy_safari,
+//    $ie_start: $echo_color_delta,
 //    $ie_stop: $echo_color_delta);
 //  }
 // }
@@ -168,12 +168,12 @@ $inset_shadow: em($ih-shadow) em($iv-shadow) em($iblur) em($is-shadow);
 // based on number of items in the flexbox when encompassing the full width of the view.
 // As result, Stipe's engineering is based on using flexboxlegacy and flexbox modernizer tests.
 @mixin flexbox (
-$width, 
-$height, 
+$width,
+$height,
 $orient: horizontal,
-$direction: row, 
-$pack: center, 
-$align: center, 
+$direction: row,
+$pack: center,
+$align: center,
 $wrap: none,
 $prefixes: $prefix_defaults,
 $legacyPrefixes: $moz_webkit_support) {
@@ -183,7 +183,7 @@ $legacyPrefixes: $moz_webkit_support) {
       #{$prefix}box-orient: $orient;
       #{$prefix}box-pack: $pack;
       #{$prefix}box-align: $align;
-    } 
+    }
   }
   //As of 15.0.1 Mozilla does not support the new Flexbox spec
   //As of Chrome 21.0.1180.89 Webkit is to buggy to impliment, causes lower scoll bar
@@ -207,15 +207,15 @@ $legacyPrefixes: $moz_webkit_support) {
   width: $width;
 }
 
-  
+
 @mixin flex (
-$value, 
+$value,
 $prefixes: $prefix_defaults,
 $legacyPrefixes: $moz_webkit_support) {
   @each $prefix in $legacyPrefixes {
     .flexboxlegacy & {
       #{$prefix}box-flex: $value;
-    } 
+    }
   }
   @each $prefix in $ms_support {
     .flexbox & {
@@ -268,17 +268,13 @@ $legacyPrefixes: $moz_webkit_support) {
 /////// clearfix //////////
 @mixin clearfix () {
   zoom: 1;
-  &:before {
+  &:before, &:after {
     content: "\0020";
     display: block;
     height: 0;
     overflow: hidden;
   }
   &:after {
-    content: "\0020";
-    display: block;
-    height: 0;
-    overflow: hidden;
     clear: both;
   }
 }
@@ -319,7 +315,7 @@ $legacyPrefixes: $moz_webkit_support) {
 
 
 // This mixin is used for a linear layout of LIs versus using floats
-// Build off of the ``flexbox`` mixin, this tool allows for quick 
+// Build off of the ``flexbox`` mixin, this tool allows for quick
 // development of a ul/li layout using flexbox
 // -----------------------------------------------------------------
 @mixin ul_flexbox ($width :100%, $height: auto, $text_align :center) {
@@ -337,7 +333,7 @@ $legacyPrefixes: $moz_webkit_support) {
 
 // Standard block clear and default spacing
 // This tool is designed to be a standard spacing element between markup blocks.
-// The only value to be adjusted is the margin-bottom spacing.  This is an argument addressed 
+// The only value to be adjusted is the margin-bottom spacing.  This is an argument addressed
 // in the ``_config.scss`` file
 @mixin standard_block_spacing ($default_block_spacing: $default_block_spacing) {
   @include clearfix;
@@ -372,4 +368,4 @@ $legacyPrefixes: $moz_webkit_support) {
 
 @mixin disabled_box_shadow ($h-shadow: $h-shadow, $v-shadow: $v-shadow, $blur: $blur) {
   @include box_shadow (fade-out($shadow_color, 0.4), #{$h-shadow / $em}em #{$v-shadow / $em}em #{$blur / $em}em);
-}
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stipe
 version: !ruby/object:Gem::Version
-  version: 0.0.5.9
+  version: 0.0.6.0
   prerelease: 
 platform: ruby
 authors:
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-05-03 00:00:00.000000000 Z
+date: 2013-05-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
@@ -82,6 +82,7 @@ files:
 - stylesheets/stipe/grid/_debug.scss
 - stylesheets/stipe/grid/_extends.scss
 - stylesheets/stipe/grid/_legacy_extends.scss
+- stylesheets/stipe/grid/_media_extends.scss
 - stylesheets/stipe/grid/_mixins.scss
 - stylesheets/stipe/grid/lib/_grid_background.scss
 - stylesheets/stipe/grid/lib/_grid_margin.scss
@@ -120,7 +121,7 @@ files:
 - stylesheets/stipe/typography/_mixins.scss
 - stylesheets/stipe/typography/headings.md
 - stylesheets/stipe/typography/readme.md
-homepage: https://github.com/Anotheruiguy/stipe
+homepage: https://github.com/Toadstool-Stipe/stipe
 licenses: []
 post_install_message: 
 rdoc_options: []