Add styles for first day of month.

This commit is contained in:
Bryan Mauger 2022-10-13 08:18:30 -04:00
parent cb063b5363
commit deea1abbe3

View file

@ -167,6 +167,7 @@
<div class="grid-item radio-wrapper">
<input tabindex="0" type="radio" name="day-of-month" id="nov-1" />
<label class="future-day selectable-day" for="nov-1"><span>1</span></label>
<div v-if="isFirstDayOfMonth" class="current-month first-day">OCT</div>
</div>
<div class="grid-item radio-wrapper">
<input tabindex="0" type="radio" name="day-of-month" id="nov-2" />
@ -332,6 +333,9 @@ export default {
&:after {
background-color: $white;
}
+ .first-day {
color: $white;
}
}
&:checked + label p,
&:checked + label span {
@ -417,6 +421,9 @@ export default {
color: $white;
}
}
+ .first-day {
color: $white;
}
}
+ p {