lib/facades/stylesheets/facades/_utilities.scss in facades-0.0.2 vs lib/facades/stylesheets/facades/_utilities.scss in facades-0.0.3
- old
+ new
@@ -1,18 +1,32 @@
-// From thoughtbot/bourbon
-@mixin position ($position: relative, $coordinates: 0 0 0 0) {
- @if type-of($position) == list {
- $coordinates: $position;
- $position: relative;
- }
+/* =====================================================
+ Misc utilities
+ ===================================================== */
- $top: nth($coordinates, 1);
- $right: nth($coordinates, 2);
- $bottom: nth($coordinates, 3);
- $left: nth($coordinates, 4);
- position: $position;
+@import 'facades/utilities/clearfix';
+@import 'facades/utilities/cursors';
- @if not(unitless($top)){ top: $top; }
- @if not(unitless($right)) { right: $right; }
- @if not(unitless($bottom)) { bottom: $bottom; }
- @if not(unitless($left)) { left: $left; }
+// Alternative to display:none for hiding important elements
+
+@mixin clipped{
+ clip:rect(1px 1px 1px 1px);
+ clip:rect(1px, 1px, 1px, 1px); // Stupid IE
+ position: absolute;
}
+
+
+// Simple mixin to reset boxes to margin-less/padding-less/border-less
+@mixin box-reset{
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+
+// Cross browser inline-block implementations
+@mixin inline-block {
+ &{ *display: inline; } // IE7
+ display: -moz-inline-box;
+ -moz-box-orient: vertical;
+ display: inline-block;
+ vertical-align: middle;
+ *vertical-align: auto; // IE7..again
+}
\ No newline at end of file