scut 0.10.1 → 0.10.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f4ef2e95dadad2f73d33141fe11981b7dd09b084
-  data.tar.gz: 122385c7377b8444c895d32fcba730dd7e1753c6
+  metadata.gz: 4371e18570ddef0cc2de0474c1cc14b505cddfd1
+  data.tar.gz: 8703a4253e0a4561d17f083e22bd479a5e77b982
 SHA512:
-  metadata.gz: 44fc1a94fb884bfc10ff4369474d2a810bba2c7c6ad8f449089a3ab449389176619676a62c6fe2edc686d07db57cdfc869ef99ec0b207c48d91707b729f303b5
-  data.tar.gz: 3e50b50162e464bdf067f667c33be93b59b68cfdfea3a5306d21c3f21cd0f4ec1aaf1783db3db462aec77f0995b93acad274f5e33dc8fae18279480b67fcea13
+  metadata.gz: cf67ab7bc60e2b857c434bbe6edbe9acee888d91b6ae32c4b59aad79917efd14a6f3f88af1105f835b878998dac18e750c8beed7535873a2c7b125af8bf41128
+  data.tar.gz: 9ddadc1e1562b587ae1d2900fcb54f37ebd5369e17fe5197841124f18492236a95dd9d0cccb64c88ded3147e2c8add4c0e93905ba83381c22a8fdd9b7ebdd8b1

data/dist/_scut.scss

@@ -1,13 +1,10 @@
 /*
 * Scut, a collection of Sass utilities
 * to ease and improve our implementations of common style-code patterns.
-* v0.10.1
+* v0.10.2
 * Docs at http://davidtheclark.github.io/scut
 */
 
-// SCUT CLEARFIX
-// http://davidtheclark.github.io/scut/#clearfix
-
 @mixin scut-clearfix {
 
   &:after {
@@ -21,9 +18,6 @@
 %scut-clearfix {
   @include scut-clearfix;
 }
-// SCUT LIST: UNSTYLED
-// http://davidtheclark.github.io/scut/#list_unstyled
-
 @mixin scut-list-unstyled(
   $no-margin: true
 ) {
@@ -41,9 +35,6 @@
 %scut-list-unstyled {
   @include scut-list-unstyled();
 }
-// SCUT LIST: FLOATED
-// http://davidtheclark.github.io/scut/#list_floated
-
 // Depends on `list-unstyled` and `clearfix`.
 
 @mixin scut-list-floated (
@@ -71,9 +62,6 @@
   @include scut-list-floated;
 }
 
-// SCUT POSITIONING: COORDINATES
-// http://davidtheclark.github.io/scut/#positioning_coordinates
-
 @function scut-autoOrValue ($val) {
   @if $val == a or $val == auto {
     @return auto;
@@ -106,9 +94,6 @@
   }
 
 }
-// SCUT STRIP UNIT
-// http://davidtheclark.github.io/scut/#strip_unit
-
 @function scut-strip-unit (
   $num
 ) {
@@ -116,9 +101,6 @@
   @return $num / ($num * 0 + 1);
 
 }
-// SCUT PIXELS TO EMS
-// http://davidtheclark.github.io/scut/#pixels-to-ems
-
 // Depends on `scut-strip-unit`.
 
 $scut-em-base: 16 !default;
@@ -150,9 +132,6 @@ $scut-em-base: 16 !default;
   }
 
 }
-// SCUT PIXELS TO REMS
-// http://davidtheclark.github.io/scut/#pixels-to-rems
-
 // Depends on `scut-strip-unit`.
 
 $scut-rem-base: 16 !default;
@@ -177,9 +156,6 @@ $scut-rem-base: 16 !default;
   }
 
 }
-// SCUT BORDER
-// http://davidtheclark.github.io/scut/#border
-
 @mixin scut-border (
   $style,
   $sides: n y
@@ -216,9 +192,6 @@ $scut-rem-base: 16 !default;
   }
 
 }
-// SCUT CIRCLE
-// http://davidtheclark.github.io/scut/#circle
-
 @mixin scut-circle (
   $size,
   $color: inherit
@@ -244,9 +217,64 @@ $scut-rem-base: 16 !default;
   }
 
 }
-// SCUT HD BREAKPOINT
-// http://davidtheclark.github.io/scut/#hd_breakpoint
+@mixin scut-color-swap (
+  $off,
+  $on,
+  $duration: 0,
+  $bg: false
+) {
+
+  $transition-properties: null;
+  $off-is-list: type-of($off) == list;
+  $on-is-list: type-of($on) == list;
+
+  // If $off IS a list,
+  // assign color and background-color.
+  @if $off-is-list {
+    color: nth($off, 1);
+    background-color: nth($off, 2);
+    $transition-properties: background-color, color;
+  }
+
+  // If $off IS NOT a list and $bg is TRUE,
+  // assign background-color.
+  @else if $bg and not $off-is-list {
+    background-color: $off;
+    $transition-properties: background-color;
+  }
+
+  // If $off IS NOT a list and $bg is FALSE,
+  // assign color.
+  @else {
+    color: $off;
+    $transition-properties: color;
+  }
+
+  // Only set-up transition if $duration != 0.
+  @if $duration != 0 {
+    transition-property: $transition-properties;
+    transition-duration: $duration;
+  }
+
+  &:hover,
+  &:focus {
+
+    // $on is treated the same as $off, above.
+    @if $on-is-list {
+      color: nth($on, 1);
+      background-color: nth($on, 2);
+    }
+
+    @else if $bg and not $on-is-list {
+      background-color: $on;
+    }
 
+    @else {
+      color: $on;
+    }
+  }
+
+}
 @mixin scut-hd-bp (
   $ratio: 1.3
 ) {
@@ -258,9 +286,6 @@ $scut-rem-base: 16 !default;
   }
 
 }
-// SCUT HIDE VISUALLY
-// http://davidtheclark.github.io/scut/#hide_visually
-
 @mixin scut-hide-visually {
 
   border: 0;
@@ -277,9 +302,6 @@ $scut-rem-base: 16 !default;
 %scut-hide-visually {
   @include scut-hide-visually;
 }
-// SCUT IMAGE REPLACEMENT
-// http://davidtheclark.github.io/scut/#image_replacement
-
 @mixin scut-image-replace {
 
   text-indent: 102%;
@@ -291,9 +313,6 @@ $scut-rem-base: 16 !default;
 %scut-image-replace {
   @include scut-image-replace;
 }
-// SCUT REMS WITH FALLBACK
-// http://davidtheclark.github.io/scut/#rems_with_fallback
-
 // Depends on scut-rem and scut-strip-unit
 
 @mixin scut-rem-fallback (
@@ -312,9 +331,6 @@ $scut-rem-base: 16 !default;
   #{$property}: $rem-vals;
 
 }
-// SCUT RESET
-// http://davidtheclark.github.io/scut/#reset
-
 @mixin scut-reset-border-box {
   // Make everything a border-box, because why not?
   *, *:before, *:after {
@@ -403,6 +419,15 @@ $scut-rem-base: 16 !default;
   }
 }
 
+@mixin scut-reset-media {
+  // You want these elements fluid, probably.
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
+}
+
 // Call them all, minus exclusions!
 @mixin scut-reset ($exclude: false) {
   @if not index($exclude, border-box) {
@@ -426,10 +451,10 @@ $scut-rem-base: 16 !default;
   @if not index($exclude, paragraph) {
     @include scut-reset-paragraph;
   }
+  @if not index($exclude, media) {
+    @include scut-reset-media;
+  }
 }
-// SCUT SELECTED
-// http://davidtheclark.github.io/scut/#selected
-
 @mixin scut-selected (
   $active: false
 ) {
@@ -449,9 +474,6 @@ $scut-rem-base: 16 !default;
   }
 
 }
-// SCUT TRIANGLE
-// http://davidtheclark.github.io/scut/#triangle
-
 @mixin scut-triangle (
   $direction: right,
   $size: 0.75em,
@@ -554,9 +576,6 @@ $scut-rem-base: 16 !default;
 %scut-triangle {
   @include scut-triangle;
 }
-// SCUT CENTER ABSOLUTELY
-// http://davidtheclark.github.io/scut/#center_absolutely
-
 @mixin scut-center-absolutely (
   $dimensions
 ) {
@@ -579,9 +598,6 @@ $scut-rem-base: 16 !default;
   }
 
 }
-// SCUT CENTER BLOCK
-// http://davidtheclark.github.io/scut/#center_block
-
 @mixin scut-center-block (
   $max-width: false
 ) {
@@ -598,9 +614,6 @@ $scut-rem-base: 16 !default;
   @include scut-center-block;
 }
 
-// SCUT CENTER TRANSFORM
-// http://davidtheclark.github.io/scut/#center_transform
-
 @mixin scut-center-transform (
   $axis: false // or x or y
 ) {
@@ -648,9 +661,6 @@ $scut-rem-base: 16 !default;
   @include scut-center-transform(y);
 }
 
-// SCUT FILL
-// http://davidtheclark.github.io/scut/#fill
-
 @mixin scut-fill (
   $width-height: false
 ) {
@@ -672,9 +682,6 @@ $scut-rem-base: 16 !default;
 %scut-fill {
   @include scut-fill;
 }
-// SCUT LIST: CUSTOM
-// http://davidtheclark.github.io/scut/#list_custom
-
 @mixin scut-list-custom (
   $content: "\2022",
   $marker-width: 0.75em,
@@ -724,9 +731,6 @@ $scut-rem-base: 16 !default;
   }
 
 }
-// SCUT LIST: DIVIDED
-// http://davidtheclark.github.io/scut/#list_divided
-
 // Depends on `list-floated`, which depends in turn on `list-unstyled` and `clearfix`.
 
 @mixin scut-list-divided (
@@ -782,9 +786,6 @@ $scut-rem-base: 16 !default;
 %scut-list-breadcrumb {
   @include scut-list-divided("/");
 }
-// SCUT LIST: INLINE
-// http://davidtheclark.github.io/scut/#list_inline
-
 // Depends on `list-unstyled`.
 
 @mixin scut-list-inline (
@@ -809,9 +810,6 @@ $scut-rem-base: 16 !default;
 %scut-list-inline {
   @include scut-list-inline;
 }
-// SCUT LIST: PUNCTUATED
-// http://davidtheclark.github.io/scut/#list_punctuated
-
 // Depends on `list-unstyled`.
 
 @mixin scut-list-punctuated (
@@ -834,9 +832,6 @@ $scut-rem-base: 16 !default;
 %scut-list-comma {
   @include scut-list-punctuated;
 }
-// SCUT MARGIN
-// http://davidtheclark.github.io/scut/#margin
-
 @mixin scut-margin (
   $margin
 ) {
@@ -897,9 +892,6 @@ $scut-rem-base: 16 !default;
   }
 
 }
-// SCUT PADDING
-// http://davidtheclark.github.io/scut/#padding
-
 @mixin scut-padding (
   $padding
 ) {
@@ -959,9 +951,6 @@ $scut-rem-base: 16 !default;
     }
   }
 }
-// SCUT POSITIONING: ABSOLUTE
-// http://davidtheclark.github.io/scut/#positioning_absolute
-
 // Depends on `positioning-coordinates`.
 
 @mixin scut-absolute (
@@ -976,9 +965,6 @@ $scut-rem-base: 16 !default;
 %scut-absolute {
   @include scut-absolute;
 }
-// SCUT POSITIONING: FIXED
-// http://davidtheclark.github.io/scut/#positioning_fixed
-
 // Depends on `positioning-coordinates`.
 
 @mixin scut-fixed (
@@ -993,9 +979,6 @@ $scut-rem-base: 16 !default;
 %scut-fixed {
   @include scut-fixed;
 }
-// SCUT POSITIONING: RELATIVE
-// http://davidtheclark.github.io/scut/#positioning_relative
-
 // Depends on `positioning-coordinates`.
 
 @mixin scut-relative (
@@ -1006,9 +989,6 @@ $scut-rem-base: 16 !default;
   @include scut-coords($coordinates);
 
 }
-// SCUT RATIO-BOX
-// http://davidtheclark.github.io/scut/#ratio-box
-
 @mixin scut-ratio-box (
   $ratio: 1/1
 ) {
@@ -1031,9 +1011,6 @@ $scut-rem-base: 16 !default;
 %scut-ratio-box {
   @include scut-ratio-box;
 }
-// SCUT SIZE
-// http://davidtheclark.github.io/scut/#size
-
 @mixin scut-size(
   $size
 ) {
@@ -1048,10 +1025,7 @@ $scut-rem-base: 16 !default;
   }
 
 }
-// SCUT STICKY FOOTER
-// http://davidtheclark.github.io/scut/#sticky_footer
-
-@mixin scut-sticky-footer (
+@mixin scut-sticky-footer-fixed (
   $height,
   $wrapper: ".wrapper",
   $footer: ".scut-sticky"
@@ -1060,6 +1034,8 @@ $scut-rem-base: 16 !default;
   html,
   body {
     height: 100%;
+    margin: 0;
+    padding: 0;
   }
 
   #{$wrapper} {
@@ -1070,15 +1046,46 @@ $scut-rem-base: 16 !default;
       display: block;
     }
   }
+
   #{$wrapper}:after,
   #{$footer} {
     height: $height;
   }
 
 }
-// SCUT V-CENTER: INLINE-BLOCK
-// http://davidtheclark.github.io/scut/#v-center_inline-block
 
+// deprecated
+@mixin scut-sticky-footer (
+  $height,
+  $wrapper: ".wrapper",
+  $footer: ".scut-sticky"
+){
+  @include scut-sticky-footer-fixed($height, $wrapper, $footer);
+}
+@mixin scut-sticky-footer-fluid (
+  $wrapper: ".wrapper",
+  $footer: ".scut-sticky"
+) {
+
+  html,
+  body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  #{$wrapper} {
+    display: table;
+    height: 100%;
+    width: 100%;
+  }
+
+  #{$footer} {
+    display: table-row;
+    height: 1px;
+  }
+
+}
 @mixin scut-vcenter-ib (
   $inner: ".scut-inner"
 ) {
@@ -1109,9 +1116,6 @@ $scut-rem-base: 16 !default;
   @include scut-vcenter-ib;
 }
 
-// SCUT V-CENTER: LINE-HEIGHT
-// http://davidtheclark.github.io/scut/#v-center_line-height
-
 @mixin scut-vcenter-lh (
   $height
 ) {
@@ -1120,9 +1124,6 @@ $scut-rem-base: 16 !default;
   line-height: $height;
 
 }
-// SCUT V-CENTER: TABLE DISPLAY
-// http://davidtheclark.github.io/scut/#v-center_table_display
-
 @mixin scut-vcenter-td (
   $inner: ".scut-inner"
 ) {
@@ -1140,9 +1141,6 @@ $scut-rem-base: 16 !default;
 %scut-vcenter-td {
   @include scut-vcenter-td;
 }
-// SCUT V-CENTER: TRANSFORM
-// http://davidtheclark.github.io/scut/#v-center_transform
-
 // Depends on scut-center-transform
 
 @mixin scut-vcenter-tt () {
@@ -1152,9 +1150,6 @@ $scut-rem-base: 16 !default;
 %scut-vcenter-tt {
   @include scut-vcenter-tt;
 }
-// SCUT CSS CHARACTERS
-// http://davidtheclark.github.io/scut/#characters
-
 // space
 $scut-space: "\0020";
 // non-breaking space
@@ -1253,9 +1248,6 @@ $scut-whitesquare: "\25a1";
 $scut-ssquare: "\25aa";
 // small white square
 $scut-swhitesquare: "\25ab";
-// SCUT FONT-FACE
-// http://davidtheclark.github.io/scut/#font-face
-
 @function main-src($formats, $file-path, $font-family) {
   // Return the list of `src` values, in order, that
   // a good `@font-face` will need, including only
@@ -1305,9 +1297,6 @@ $scut-swhitesquare: "\25ab";
   }
 
 }
-// SCUT HANGING INDENT
-// http://davidtheclark.github.io/scut/#hanging_indent
-
 @mixin scut-hanging-indent (
   $indent: 1em
 ) {
@@ -1324,9 +1313,6 @@ $scut-swhitesquare: "\25ab";
 %scut-hanging-indent {
   @include scut-hanging-indent;
 }
-// SCUT INDENTED PARAGRAPHS
-// http://davidtheclark.github.io/scut/#indented_paragraphs
-
 @mixin scut-indented-ps (
   $indent: 1.5em,
   $no-first-indent: true
@@ -1348,9 +1334,6 @@ $scut-swhitesquare: "\25ab";
 %scut-indented-ps {
   @include scut-indented-ps;
 }
-// SCUT KEY-VALUE
-// http://davidtheclark.github.io/scut/#key-value
-
 @mixin scut-key-val (
   $divider: ":",
   $pad: 0.25em,
@@ -1383,9 +1366,6 @@ $scut-swhitesquare: "\25ab";
 %scut-key-val {
   @include scut-key-val;
 }
-// SCUT LINK: BOTTOM-BORDERED
-// http://davidtheclark.github.io/scut/#link_bottom-bordered
-
 @mixin scut-link-bb (
   $color: inherit,
   $style: solid,
@@ -1405,9 +1385,6 @@ $scut-swhitesquare: "\25ab";
 %scut-link-bb {
   @include scut-link-bb;
 }
-// SCUT REVERSE ITALICS
-// http://davidtheclark.github.io/scut/#reverse-italics
-
 @mixin scut-reverse-italics (
   $elements: false
 ) {
@@ -1427,9 +1404,6 @@ $scut-swhitesquare: "\25ab";
 %scut-reverse-italics {
   @include scut-reverse-italics;
 }
-// SCUT SIDE-LINED
-// http://davidtheclark.github.io/scut/#side-lined
-
 @mixin scut-side-lined (
   $height: 1px,
   $space: 0.5em,
@@ -1486,9 +1460,6 @@ $scut-swhitesquare: "\25ab";
 %scut-side-lined {
   @include scut-side-lined;
 }
-// SCUT TRUNCATE
-// http://davidtheclark.github.io/scut/#truncate
-
 @mixin scut-truncate {
 
   white-space: nowrap;

data/lib/scut.rb

@@ -5,6 +5,6 @@ stylesheets_dir = File.join(base_directory, 'dist')
 Compass::Frameworks.register('Scut', :stylesheets_directory => stylesheets_dir)
 
 module Scut
-  VERSION = "0.10.1"
-  DATE = "2014-03-14"
+  VERSION = "0.10.2"
+  DATE = "2014-03-22"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: scut
 version: !ruby/object:Gem::Version
-  version: 0.10.1
+  version: 0.10.2
 platform: ruby
 authors:
 - David Clark
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-14 00:00:00.000000000 Z
+date: 2014-03-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass