|
|
@@ -19,7 +19,7 @@
|
|
|
height: 10rem;
|
|
|
position: fixed;
|
|
|
right: calc(10% + 5rem);
|
|
|
- margin-top: 4.5rem;
|
|
|
+ margin-top: 5.25rem;
|
|
|
|
|
|
@at-root #{&}__line {
|
|
|
height: 100%;
|
|
|
@@ -27,5 +27,25 @@
|
|
|
border-radius: 1rem;
|
|
|
width: 0.125rem;
|
|
|
}
|
|
|
+
|
|
|
+ @at-root #{&}__dragger {
|
|
|
+ background-color: $color__blue--primary;
|
|
|
+ width: 0.5rem;
|
|
|
+ border-radius: 1rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: calc( (0.5rem - 0.125rem) / -2);
|
|
|
+ margin-top: calc(-1.5rem /2 );
|
|
|
+ cursor: pointer;
|
|
|
+ transition: background-color 0.2s;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background-color: $color__blue--darker;
|
|
|
+ }
|
|
|
+ &:active {
|
|
|
+ background-color: $color__blue--darkest;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
sbkwgh