Skip to content

v4: suggestion to introduce a color contrast function #18119

@bassjobsen

Description

@bassjobsen

for instance: http://compass-style.org/reference/compass/utilities/color/contrast/#function-contrast-color

Useful in among others mixins/background-variants.scss:

// Contextual backgrounds

// [converter] $parent hack
@mixin bg-variant($parent, $color) {
  #{$parent} {
    color: contrast-color($color,$gray-dark,$gray-lightest);
    background-color: $color;
  }
  a#{$parent} {
    @include hover-focus {
      background-color: darken($color, 10%);
    }
  }
}

See also: #18118

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions