box-sizing: border-box
doesn't work in IE8. This can sometimes be a problem,
especially when you're using top and bottom padding
on an element. Consider
re-writing this mixin so that it uses padding
as a param instead of the
inner height.
$outerHeight
- Unit. Target height for the element.$innerHeight
- Unit. How tall you want the inside@include ie8-height(45px, 35px);
Automatically add rules for a PNG fallback for IE8 on elements that have SVG backgrounds.
$imagePath
- The relative path to the asset...Don't include the file extension!@include svg-background("Ovid/dist/images/opengov-wordmark");
Automatically add rules for a non-transparent background-color
for IE8.
Word of warning: IE8 will render this element as if you have overflow: hidden
,
set $use-filter
to false.
$color
- Any color.$alpha
- Any acceptable value for alpha transparency in rgba
.$use-filter
- Don't use IE filter. Include fallback solid color instead.@include background-color(white, 0.5);
Automatically add opacity rules for IE8.
$opacity
- Any acceptable value for opacity.@include opacity(0.5);
Elements or rules defined within the mixin will compile as children of
.lte-ie8
and only render in IE8.
@include ie8 { ... }