update the docs for compass/utilities/general/hacks

This commit is contained in:
Chris Eppstein 2010-04-25 19:07:06 -07:00
parent 4de1645c95
commit 0761bef009
2 changed files with 6 additions and 3 deletions

View File

@ -5,6 +5,7 @@ framework: compass
stylesheet: compass/utilities/general/_hacks.scss stylesheet: compass/utilities/general/_hacks.scss
layout: core layout: core
nav_stylesheet: compass/_utilities.scss nav_stylesheet: compass/_utilities.scss
description: Mixins for hacking specific browsers.
classnames: classnames:
- reference - reference
- core - core
@ -12,4 +13,4 @@ classnames:
--- ---
- render 'reference' do - render 'reference' do
%p %p
Lorem ipsum dolor sit amet. A collection of mixins for hacking specific browsers.

View File

@ -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 { @mixin has-layout {
// This makes ie6 get layout // This makes ie6 get layout
display: inline-block; display: inline-block;
@ -5,9 +8,8 @@
& { & {
display: block; } } display: block; } }
//**
// A hack to supply IE6 (and below) with a different property value. // 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) { @mixin bang-hack($property, $value, $ie6-value) {
#{$property}: #{$value} !important; #{$property}: #{$value} !important;
#{$property}: #{$ie6-value}; } #{$property}: #{$ie6-value}; }