mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-05-09 04:02:40 -05:00
Progress bar styles
This commit is contained in:
parent
a14aa8515c
commit
61b02280bb
|
|
@ -418,6 +418,31 @@ input[type="range"]::-webkit-slider-thumb {
|
|||
transition: 100ms background-color;
|
||||
}
|
||||
|
||||
progress {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: var(--toggle-height-small);
|
||||
overflow: hidden;
|
||||
border: none;
|
||||
border-radius: var(--rounded-full);
|
||||
background-color: var(--color-bg-high);
|
||||
color: var(--color-text-accent);
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-bar {
|
||||
border-radius: var(--rounded-full);
|
||||
background: 0 0;
|
||||
}
|
||||
|
||||
progress[value]::-webkit-progress-value {
|
||||
background-color: var(--color-text-accent);
|
||||
transition: inline-size 0.2s ease;
|
||||
}
|
||||
|
||||
td > input[type="checkbox"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user