Files
mue/src/components/widgets/time/clock.scss
2021-08-25 13:28:41 +01:00

36 lines
635 B
SCSS

@import '../../../scss/variables';
.clock {
font-size: 4em;
margin: 0;
cursor: initial;
user-select: none;
--shadow-shift: 0.4rem;
}
.ampm {
font-size: 0.5em;
}
.analogclock,
.react-clock__face {
margin: 0 auto;
border-radius: 100%;
box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.3);
border: none !important;
border: 1px solid map-get($theme-colours, 'main') !important;
cursor: initial;
user-select: none;
}
.react-clock__hand__body,
.react-clock__mark__body {
background: map-get($theme-colours, 'main') !important;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
.clock-container {
margin-top: 13px;
}