2023-05-25 17:25:11 -04:00
|
|
|
// Pointer location
|
|
|
|
.ripple-pointer-location {
|
|
|
|
width: $ripple_size;
|
|
|
|
height: $ripple_size;
|
|
|
|
border-radius: $ripple_size * 0.5; // radius equals the size of the box to give us the curve
|
2024-09-19 20:40:52 -04:00
|
|
|
background-color: st-lighten(st-transparentize(-st-accent-color, 0.7), 30%);
|
|
|
|
box-shadow: 0 0 2px 2px st-lighten(-st-accent-color, 20%);
|
2023-05-25 17:25:11 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
// Pointer accessibility notifications
|
|
|
|
.pie-timer {
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
-pie-border-width: 3px;
|
2024-09-19 20:40:52 -04:00
|
|
|
-pie-border-color: -st-accent-color;
|
|
|
|
-pie-background-color: st-lighten(st-transparentize(-st-accent-color, 0.7), 40%);
|
2023-05-25 17:25:11 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
// Screen zoom/Magnifier
|
|
|
|
.magnifier-zoom-region {
|
2024-09-19 20:40:52 -04:00
|
|
|
border: 2px solid -st-accent-color;
|
2023-05-25 17:25:11 -04:00
|
|
|
|
|
|
|
&.full-screen { border-width: 0; }
|
|
|
|
}
|