Sha256: 43e1baa5a1faac576c290f1ac647550a7582089a992e7603dd2d07da54caca1c

Contents?: true

Size: 757 Bytes

Versions: 129

Compression:

Stored size: 757 Bytes

Contents

@import "../tokens/border_radius";
@import "../tokens/colors";

$image-sizes: (
  "xs": 60px,
  "sm": 80px,
  "md": 100px,
  "lg": 120px,
  "xl": 140px,
);

[class^=pb_image_kit] {
  position: relative;
  object-fit: cover;

  @each $name, $size in $image-sizes {
    &[class*=_#{$name}] {
      width: $size;
      height: $size;
      object-fit: cover;
      position: relative;
      flex-shrink: 0;
      flex-grow: 0;
      flex-basis: $size;
    }

    &[class*= rounded] {
      border-radius: $border-rad-heaviest;
    }

    .blur_up {
      -webkit-filter: blur(6px);
      filter: blur(6px);
      transition: filter 550ms, -webkit-filter 550ms;
    }

    .blur_up.lazyloaded {
      -webkit-filter: blur(0);
      filter: blur(0);
    }
  }
}

Version data entries

129 entries across 129 versions & 1 rubygems

Version Path
playbook_ui-10.17.0 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.16.0 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.15.1 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.15.1.pre.alpha.rubocop.deps app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.15.0 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.14.1.pre.alpha2 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.14.1.pre.alpha1 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.14.0 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.13.1 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.13.0 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.13.0.pre.node.update app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.12.0 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.11.0 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.10.0 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.9.0 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.8.1.pre.alpha.flexdeps app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.9.0.pre.alpha1 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.8.0 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.7.1 app/pb_kits/playbook/pb_image/_image.scss
playbook_ui-10.7.0 app/pb_kits/playbook/pb_image/_image.scss