Sha256: 1444fab56687855ae0bd2a7dfd574cd63397e0f327355566037712c1e96cb707
Contents?: true
Size: 1 KB
Versions: 11
Compression:
Stored size: 1 KB
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;
}
&.fade {
opacity: 0;
&.lazyloaded {
opacity: 1;
transition: opacity 300ms ease-in;
}
}
&.blur {
filter: blur(5px);
&.lazyloaded {
-webkit-filter: blur(0);
filter: blur(0);
transition: filter 300ms ease-in;
}
}
&.scale {
opacity: 0;
transform: scale(0.9);
&.lazyloaded {
opacity: 1;
transform: scale(1);
transition: 700ms ease-in;
}
}
}
}
Version data entries
11 entries across 11 versions & 1 rubygems