27 lines
442 B
SCSS
27 lines
442 B
SCSS
:host {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.clock-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: center;
|
|
font-family: inherit;
|
|
gap: 4px;
|
|
width: 100%;
|
|
}
|
|
|
|
.clock-date {
|
|
font-size: 1.2rem;
|
|
font-weight: 500;
|
|
color: light-dark(oklch(0.3211 0 0), oklch(0.6789 0 0)); // #333
|
|
}
|
|
|
|
.clock-time {
|
|
font-size: 2rem;
|
|
font-weight: 600;
|
|
color: light-dark(oklch(0 0 0), oklch(1 0 0)); // #000
|
|
}
|