2018-08-31 10:26:37 +02:00
|
|
|
ion-app.app-root core-timer {
|
2018-04-09 13:14:55 +02:00
|
|
|
.item.item-block .item-inner {
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
2018-04-03 10:23:57 +02:00
|
|
|
.core-timer {
|
2018-04-09 13:14:55 +02:00
|
|
|
background-color: transparent;
|
2018-04-03 10:23:57 +02:00
|
|
|
|
|
|
|
span {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
2018-04-09 13:14:55 +02:00
|
|
|
// Create the timer warning colors. Go to $core-timer-warn-color.
|
2018-04-03 10:23:57 +02:00
|
|
|
@for $i from 0 through $core-timer-iterations {
|
|
|
|
&.core-timer-timeleft-#{$i} {
|
2018-04-09 13:14:55 +02:00
|
|
|
background-color: rgba($core-timer-warn-color, 1 - ($i / $core-timer-iterations));
|
|
|
|
|
2018-04-03 10:23:57 +02:00
|
|
|
@if $i <= $core-timer-iterations / 2 {
|
|
|
|
label, span, ion-icon {
|
|
|
|
color: $white;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|