29 lines
338 B
CSS
29 lines
338 B
CSS
.control {
|
|
&[data-inactive] {
|
|
opacity: 0;
|
|
cursor: default;
|
|
}
|
|
}
|
|
.controls {
|
|
transition: opacity 150ms ease;
|
|
opacity: 0;
|
|
}
|
|
|
|
.root {
|
|
&:hover {
|
|
.controls {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.indicator {
|
|
width: rem(12px);
|
|
height: rem(4px);
|
|
transition: width 250ms ease;
|
|
|
|
&[data-active] {
|
|
width: rem(40px);
|
|
}
|
|
}
|