Sha256: 9b1feff4ee9dbf5282004c85b6b7acfbcd498171f341628f07c17572297e4390

Contents?: true

Size: 1.06 KB

Versions: 21

Compression:

Stored size: 1.06 KB

Contents

// Get the text color to go on top of Google's material design colors
// @see https://www.google.com/design/spec/style/color.html
@function text-color($color) {
  $text-color: $white;

  @if $color == $amber {
    $text-color: $black;
  } @else if $color == $black {
    $text-color: $white;
  } @else if $color == $cyan {
    $text-color: $black;
  } @else if $color == $deep-orange {
    $text-color: $white;
  } @else if $color == $green {
    $text-color: $black;
  } @else if $color == $grey {
    $text-color: $black;
  } @else if $color == $light-blue {
    $text-color: $black;
  } @else if $color == $light-green {
    $text-color: $black;
  } @else if $color == $green {
    $text-color: $black;
  } @else if $color == $lime {
    $text-color: $black;
  } @else if $color == $orange {
    $text-color: $black;
  } @else if $color == $white {
    $text-color: $black;
  } @else if $color == $yellow {
    $text-color: $black;
  } @else {
    @if lightness($color) < 50% {
      $text-color: $white;
    } @else {
      $text-color: $black;
    }
  }

  @return $text-color;
}

Version data entries

21 entries across 21 versions & 2 rubygems

Version Path
codelation_ui-1.0.57 app/assets/stylesheets/codelation_ui/_base_resources/functions/text_color.scss
codelation_ui-1.0.1 app/assets/stylesheets/codelation_ui/_base_resources/functions/text_color.scss
codelation_ui-1.0.0 app/assets/stylesheets/codelation_ui/_base_resources/functions/text_color.scss
codelation_assets-0.5.0 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.4.0 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.3.9 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.3.8 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.3.7 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.3.6 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.3.5 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.3.4 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.3.3 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.3.2 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.3.0 app/assets/stylesheets/codelation/functions/text_color.scss
codelation_assets-0.2.2 app/assets/stylesheets/codelation/functions/text-color.scss
codelation_assets-0.2.1 app/assets/stylesheets/codelation/functions/text-color.scss
codelation_assets-0.2.0 app/assets/stylesheets/codelation/functions/text-color.scss
codelation_assets-0.1.2 app/assets/stylesheets/codelation/functions/text-color.scss
codelation_assets-0.1.1 app/assets/stylesheets/codelation/functions/text-color.scss
codelation_assets-0.1.0 app/assets/stylesheets/codelation/functions/text-color.scss