basscss-addons
Version:
Optional modules to extend Basscss
35 lines (28 loc) • 666 B
CSS
/* Basscss Progress */
.progress {
display: block;
width: 100%;
height: calc( var(--form-field-height) / 4 );
margin: var(--form-field-padding-y) 0;
overflow: hidden;
background-color: var(--darken-2);
border: 0;
border-radius: 10000px;
-webkit-appearance: none;
}
.progress::-webkit-progress-bar {
-webkit-appearance: none;
background-color: var(--darken-2)
}
.progress::-webkit-progress-value {
-webkit-appearance: none;
background-color: currentcolor;
}
.progress::-moz-progress-bar {
background-color: currentcolor;
}
:root {
--form-field-height: 2.25rem;
--form-field-padding-y: .5rem;
--darken-2: rgba(0, 0, 0, .125);
}