2023-10-02 21:43:34 +02:00

41 lines
865 B
SCSS

:host {
--timer-background: transparent;
.core-timer {
.core-timer-time-left, .core-timesup {
font-weight: bold;
}
.core-timesup {
flex-grow: 1;
text-align: center;
}
}
ion-item.core-timer {
--background: var(--timer-background);
--color: var(--timer-text-color, var(--text-color));
}
div.core-timer {
background: var(--timer-background);
color: var(--timer-text-color, var(--text-color));
border-radius: var(--radius-lg);
}
button {
color: var(--timer-text-color, var(--core-link-color));
}
ion-item.core-timer ion-label,
div.core-timer {
display: flex;
align-items: center;
.core-timer-visibility {
flex-grow: 1;
text-align: end;
}
}
}