Sha256: 00f2872c4816e4c15502d9694db17e00a63185214adfaaa3634368aac70811bc
Contents?: true
Size: 1.18 KB
Versions: 6
Compression:
Stored size: 1.18 KB
Contents
@use "sass:math";
@import "../tokens/colors";
@import "../tokens/opacity";
@import "../tokens/colors";
$pb_progress_simple_height: 4px;
[class^=pb_progress_simple_wrapper] {
display: flex;
justify-content: flex-start;
align-items: center;
&[class*=_center] {
justify-content: center;
}
&[class*=_right] {
justify-content: flex-end;
}
}
[class^=pb_progress_simple_kit] {
width: 100%;
height: $pb_progress_simple_height;
border-radius: math.div($pb_progress_simple_height, 2);
background: rgba($primary, $opacity-1);
&[class*=_positive] {
.progress_simple_value {
background: $success;
}
}
&[class*=_negative] {
.progress_simple_value {
background: $error;
}
}
&[class*=_warning] {
.progress_simple_value {
background: $warning;
}
}
[class^=progress_simple_value] {
width: 0%;
height: 100%;
border-radius: math.div($pb_progress_simple_height, 2);
background: $primary;
}
&[class*=_muted] {
background: rgba($slate, $opacity-2);
.progress_simple_value {
background: $slate;
}
}
&[class*=_right] {
display: flex;
align-self: flex-end;
}
}
Version data entries
6 entries across 6 versions & 1 rubygems