app/assets/stylesheets/kentucky/_helpers.scss in kentucky-0.1.1 vs app/assets/stylesheets/kentucky/_helpers.scss in kentucky-0.1.2
- old
+ new
@@ -22,10 +22,12 @@
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-right{
@@ -56,43 +58,18 @@
border-width: $border-widths;
}
// Mute DOM elements
+// 100%-based percentage ($muted-opacity: 50 = 50%)
-%muted{
- opacity: .5 !important;
- filter: alpha(opacity = 50) !important;
+@mixin muted($muted-opacity){
+ opacity: ($muted-opacity / 100) !important;
+ filter: alpha(opacity = $muted-opacity) !important;
}
-// Rocker switches (or button groups)
-// Resets buttons to squared corners, applies left/right rounding
-
-.rocker{
- border-radius: 0;
-
- &:first-child{
- border-radius: $brand-round 0 0 $brand-round;
- }
- &:last-child{
- border-radius: 0 $brand-round $brand-round 0;
- }
-}
-
-.v-rocker{
- border-radius: 0;
-
- &:first-child{
- border-radius: $brand-round $brand-round 0 0;
- }
- &:last-child{
- border-radius: 0 0 $brand-round $brand-round;
- }
-}
-
-
// Sticky Footer
// Requires full site wrapper and <div class="push"></div>
// immediately before the footer
@if $sticky-footer == true{
@@ -116,11 +93,11 @@
}
} // END if
-// Sprite Sheet Mixins
+// Sprite Sheet Mixin
@mixin sprite($col, $row){
background: url($sprite-shet-loc) no-repeat ($col * -$sprite-sheet-grid) ($row * -$sprite-sheet-grid);
}
@@ -153,11 +130,11 @@
&,
& > :last-child{
margin-bottom: 0;
}
- }
- }
+ } // END media-body
+ } // END media
} // END if
// Truncation
\ No newline at end of file