Sha256: d22feafd3d1d75c1f72bd7be23c2a963b663b52fd8c2305981b3e3a92e5110f5

Contents?: true

Size: 1.01 KB

Versions: 8

Compression:

Stored size: 1.01 KB

Contents

@import "../tokens/colors";

$additional_colors: (
  "gradient": linear-gradient(135deg, $gradient_start 0%, $gradient_end 100%),
  "dark": $bg_dark,
  "light": $bg_light,
  "white": $white,
);

$merge_kits1: map-merge($status_colors, $category_colors);
$merge_kits2: map-merge($merge_kits1, $product_colors);
$background_colors: map-merge($additional_colors, $merge_kits2);

[class^=pb_background_kit] {
  max-width: 100%;
  max-height: 100%;
  background-size: cover;

  @each $name, $color in $background_colors {
    &.pb_background_color_#{$name} {
      background: $color;
    }
  };

  &.fade {
    opacity: 0;
    &.lazyloaded {
      opacity: 1;
      transition: opacity 400ms ease-in;
    }
  }
  
  &.blur {
    filter: blur(5px);
    &.lazyloaded {
      -webkit-filter: blur(0);
      filter: blur(0);
      transition: filter 400ms ease-in;
    }
  }
  
  &.scale {
    opacity: 0;
    transform: scale(0.9);
    &.lazyloaded {
      opacity: 1;
      transform: scale(1);
      transition: 700ms ease-in;
    }
  }
}

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
playbook_ui-10.23.0 app/pb_kits/playbook/pb_background/_background.scss
playbook_ui-10.23.0.pre.alpha2 app/pb_kits/playbook/pb_background/_background.scss
playbook_ui-10.23.0.pre.alpha1 app/pb_kits/playbook/pb_background/_background.scss
playbook_ui-10.22.1 app/pb_kits/playbook/pb_background/_background.scss
playbook_ui-10.22.0 app/pb_kits/playbook/pb_background/_background.scss
playbook_ui-10.21.1.pre.alpha1 app/pb_kits/playbook/pb_background/_background.scss
playbook_ui-10.21.0 app/pb_kits/playbook/pb_background/_background.scss
playbook_ui-10.21.0.pre.alpha.jg1 app/pb_kits/playbook/pb_background/_background.scss