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 { ... }