Sha256: c774c70ba79f39eaa5db5894b670782a8a48931f79b44f93ddf299f9a4dec126
Contents?: true
Size: 1.32 KB
Versions: 1031
Compression:
Stored size: 1.32 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,
"primary": $primary_action,
"shadow": $shadow,
);
$merge_kits1: map-merge($status_colors, $category_colors);
$merge_kits2: map-merge($merge_kits1, $product_colors);
$merge_kits3: map-merge($merge_kits2, $text_colors);
$merge_kits4: map-merge($merge_kits3, $card_colors);
$merge_kits5: map-merge($merge_kits4, $status_colors);
$merge_kits6: map-merge($merge_kits5, $data_colors);
$merge_kits7: map-merge($merge_kits6, $border_colors);
$background_colors: map-merge($additional_colors, $merge_kits7);
[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
1,031 entries across 1,031 versions & 1 rubygems