OpenGov Visual Interface Documentation

Deprecation List

IE8 heights

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.

Parameters:

  • $outerHeight - Unit. Target height for the element.
  • $innerHeight - Unit. How tall you want the inside

Example:

@include ie8-height(45px, 35px);

IE8 SVG background fallback

Automatically add rules for a PNG fallback for IE8 on elements that have SVG backgrounds.

Parameters:

  • $imagePath - The relative path to the asset...Don't include the file extension!

Example:

@include svg-background("Ovid/dist/images/opengov-wordmark");

IE8 `rgba` background fallback

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.

Parameters:

  • $color - Any color.
  • $alpha - Any acceptable value for alpha transparency in rgba.
  • $use-filter - Don't use IE filter. Include fallback solid color instead.

Example:

@include background-color(white, 0.5);

IE8 `opacity` fallback

Automatically add opacity rules for IE8.

Parameters:

  • $opacity - Any acceptable value for opacity.

Example:

@include opacity(0.5);

IE8 only

Elements or rules defined within the mixin will compile as children of .lte-ie8 and only render in IE8.

Example:

@include ie8 { ... }