update the docs for compass/utilities/general/hacks
This commit is contained in:
parent
4de1645c95
commit
0761bef009
@ -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.
|
||||||
|
@ -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}; }
|
||||||
|
Loading…
Reference in New Issue
Block a user