mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-20 07:26:19 +00:00
🆙 Init V3
This commit is contained in:
@@ -0,0 +1,54 @@
|
||||
.nitro-slider {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 25px;
|
||||
|
||||
.track {
|
||||
height: 3px;
|
||||
border-radius: $border-radius;
|
||||
overflow: hidden;
|
||||
|
||||
&.track-0 {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
&.track-1 {
|
||||
background-color: $muted;
|
||||
}
|
||||
}
|
||||
|
||||
.thumb {
|
||||
border-radius: 50%;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background-color: gray;
|
||||
font-size: 10px;
|
||||
text-align: center;
|
||||
line-height: 25px;
|
||||
padding: 0 3px;
|
||||
|
||||
&:hover,
|
||||
.active {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&.degree {
|
||||
|
||||
&:after {
|
||||
content: '\00b0'
|
||||
}
|
||||
}
|
||||
|
||||
&.percent {
|
||||
|
||||
&:after {
|
||||
content: '\0025'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user