Skip to content

Improved Contrast & Theme Support

Compare
Choose a tag to compare
@mirisuzanne mirisuzanne released this 20 Dec 22:47
031c110

2.1.0 - 12/20/18

  • Plugin: Color
    • NEW: contrast(), contrasted(),
      var-contrast(), and var-contrasted()
      provide access to the lowest accessible contrast value,
      as well as than the (default) maximum contrast value.
      Pass a valid contrast ratio (0-21)
      or WCAG standard (aaa, aa, aa-large)
      to set a cutoff ratio,
      and return the minimum accessible color
    • NEW: shades-of() generates a range of light and dark color-shades
      to help build accessible themes based on a few origin colors
    • NEW: stripe-colors() function and mixin
      generate a color-stops or a full striped gradient background.
      This is useful for viewing the result from shades-of()

2.1.0-beta.1 - 12/13/18

  • Plugin: Color
    • NEW: var-contrast() and var-contrasted()
      provide CSS variable parallels
      to contrast() and contrasted()
    • NEW: User-defined contrast defaults
      (contrast-light and contrast-dark)
      can be defined with or without the _ private-color prefix
    • NEW: Contrast-related functions and mixins
      provide a smart second light-or-dark default option
      when only one is defined (previously an error)