app/assets/stylesheets/kentucky/_helpers.scss in kentucky-0.1.2 vs app/assets/stylesheets/kentucky/_helpers.scss in kentucky-0.1.3

- old
+ new

@@ -4,103 +4,93 @@ // Show / Hide elements // Use with jQuery .is-shown{ - display: block; + display: block; } .is-hidden{ - display: none; + display: none; } -// Hide Text -// Use only as an extend - -%hide-text{ - text-indent: 100%; - white-space: nowrap; - overflow: hidden; -} - - // Add / remove floats // Use only as an extend when used for sections or block elements // Ex: Buckets, nav-lists, etc. %float-left{ - float: left !important; + float: left; } %float-right{ - float: right !important; + float: right; } %float-none{ - float: none !important; + float: none; } // Text Alignment %text-left{ - text-align: left !important; + text-align: left; } %text-right{ - text-align: right !important; + text-align: right; } %text-center{ - text-align: center !important; + text-align: center; } // Non-standard border width specification @mixin border($border-widths, $border-style, $border-color){ - border: $border-style $border-color; - border-width: $border-widths; + border: $border-style $border-color; + border-width: $border-widths; } // Mute DOM elements // 100%-based percentage ($muted-opacity: 50 = 50%) @mixin muted($muted-opacity){ - opacity: ($muted-opacity / 100) !important; - filter: alpha(opacity = $muted-opacity) !important; + opacity: ($muted-opacity / 100) !important; + filter: alpha(opacity = $muted-opacity) !important; } // Sticky Footer // Requires full site wrapper and <div class="push"></div> // immediately before the footer @if $sticky-footer == true{ - - html, - body{ - height: 100%; - } - - .wrapper{ - min-height: 100%; - height: auto !important; - height: 100%; - margin: 0 auto -$footer-height; - } - - footer, - .footer, - .push{ - height: $footer-height; - } - + + html, + body{ + height: 100%; + } + + .wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -$footer-height; + } + + footer, + .footer, + .push{ + height: $footer-height; + } + } // END if // Sprite Sheet Mixin @mixin sprite($col, $row){ - background: url($sprite-shet-loc) no-repeat ($col * -$sprite-sheet-grid) ($row * -$sprite-sheet-grid); + background: url($sprite-shet-loc) no-repeat ($col * -$sprite-sheet-grid) ($row * -$sprite-sheet-grid); } // ------------------------------------------------------------------- // // Inuit Mixins - inuitcss.com @@ -110,41 +100,41 @@ // Media Object // Left / right objects with no content wrapping under media-img @if $use-media == true{ - .media{ - display:block; - @include clearfix; - - .media-img{ - float: left; - margin-right: $base-spacing-unit; - } - .media-img-flipped{ - float: right; - margin-left: $base-spacing-unit; - } - - .media-body{ - overflow: hidden; - - &, - & > :last-child{ - margin-bottom: 0; - } - } // END media-body - } // END media + .media{ + display:block; + @include clearfix; + + .media-img{ + float: left; + margin-right: $base-spacing-unit; + } + .media-img-flipped{ + float: right; + margin-left: $base-spacing-unit; + } + + .media-body{ + overflow: hidden; + + &, + & > :last-child{ + margin-bottom: 0; + } + } // END media-body + } // END media } // END if // Truncation // Single line text truncation (boundary is a width) // If multi-line is required, use Badonkatrunc: http://badonkatrunc.com/ @mixin truncate($truncation-boundary){ - max-width: $truncation-boundary; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + max-width: $truncation-boundary; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } \ No newline at end of file