Contents

@function tint($color, $percentage) {
  @return mix($white, $color, $percentage);
}

@function shade($color, $percentage) {
  @return mix($charcoal, $color, $percentage);
}

@function dim($color, $percentage) {
  @return mix($bg_dark, $color, $percentage);
}

@mixin background-color($colors-list) {
  @each $name, $color in $colors-list {
    .#{$name} {
      background-color: $color !important;
    }
  }
}

@mixin text-color($colors-list) {
  @each $name, $color in $colors-list {
    .#{$name} {
      color: $color !important;
    }
  }
}

.bg_gradient {
  background: $gradient_start;
  background: -moz-linear-gradient(-45deg, $gradient_start 0%, $gradient_end 100%);
  background: -webkit-linear-gradient(-45deg, $gradient_start 0%, $gradient_end 100%);
  background: linear-gradient(135deg, $gradient_start 0%, $gradient_end 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$gradient_start}', endColorstr='#{$gradient_end}',GradientType=1 );
}

@include text-color($text_colors);
@include background-color($background_colors);

Version data entries

284 entries across 284 versions & 1 rubygems

Version	Path
playbook_ui-3.0.1	app/pb_kits/playbook/utilities/_colors.scss
playbook_ui-3.0.0	app/pb_kits/playbook/utilities/_colors.scss
playbook_ui-2.9.9	app/pb_kits/playbook/utilities/_colors.scss
playbook_ui-2.9.8	app/pb_kits/playbook/utilities/_colors.scss