[Compass Core] +min-height, +min-width, and +bang-hack mixins

tka · Dec 18, 2009 · a3cdf18 · a3cdf18
1 parent 5ea5d3d
commit a3cdf18
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass b/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass
@@ -4,3 +4,12 @@
   // and this puts it back to block
   &
     display: block
+
+//**
+  IE6 will let the !important property win
+  While all the other browsers won't.
+  TODO: link to blog post
+=bang-hack(!property, !hack_value, !value)
+  #{!property}: #{!hack_value} !important
+  #{!property}: #{!value}
+
diff --git a/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_min.sass b/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_min.sass
@@ -0,0 +1,17 @@
+@import hacks.sass
+
+//**
+  Cross browser min-height mixin.
+=min-height(!value)
+  +hacked-minimum("height", !value)
+
+//**
+  Cross browser min-width mixin.
+=min-width(!value)
+  +hacked-minimum("width", !value)
+
+// @private This mixin is not meant to be used directly.
+=hacked-minimum(!property, !value)
+  min-#{!property}= !value
+  +bang-hack(!property, !value, 'auto')
+