diff --git a/doc-src/content/reference/compass/utilities/general/hacks.haml b/doc-src/content/reference/compass/utilities/general/hacks.haml index b671b2bf..6567a296 100644 --- a/doc-src/content/reference/compass/utilities/general/hacks.haml +++ b/doc-src/content/reference/compass/utilities/general/hacks.haml @@ -5,6 +5,7 @@ framework: compass stylesheet: compass/utilities/general/_hacks.scss layout: core nav_stylesheet: compass/_utilities.scss +description: Mixins for hacking specific browsers. classnames: - reference - core @@ -12,4 +13,4 @@ classnames: --- - render 'reference' do %p - Lorem ipsum dolor sit amet. + A collection of mixins for hacking specific browsers. diff --git a/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss b/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss index 27e62d68..d30dd722 100644 --- a/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss +++ b/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss @@ -1,3 +1,6 @@ +// This mixin causes an element matching the selector +// to gain the "hasLayout" property in internet explorer. +// More information on [hasLayout](http://reference.sitepoint.com/css/haslayout). @mixin has-layout { // This makes ie6 get layout display: inline-block; @@ -5,9 +8,8 @@ & { display: block; } } -//** // A hack to supply IE6 (and below) with a different property value. -// See http://www.cssportal.com/css-hacks/#in_css-important +// [Read more](http://www.cssportal.com/css-hacks/#in_css-important). @mixin bang-hack($property, $value, $ie6-value) { #{$property}: #{$value} !important; #{$property}: #{$ie6-value}; }