Calendar cell sizes

merge-requests/8/head
Bob Mottram 2020-11-11 12:57:12 +00:00
parent 9565f7b45c
commit 7496166f85
1 changed files with 10 additions and 5 deletions

View File

@ -15,6 +15,8 @@
--title-background: #ccc; --title-background: #ccc;
--focus-color: white; --focus-color: white;
--calendar-horizontal-padding: 0; --calendar-horizontal-padding: 0;
--calendar-cell-size: 1.5rem;
--calendar-cell-size-mobile: 2rem;
--font-size-calendar-header: 3rem; --font-size-calendar-header: 3rem;
--font-size-calendar-day: 1rem; --font-size-calendar-day: 1rem;
--font-size-calendar-cell: 2rem; --font-size-calendar-cell: 2rem;
@ -92,11 +94,6 @@ a:focus {
border-right: none; border-right: none;
} }
.calendar__day__header,
.calendar__day__cell {
padding: .75rem 0 1.5rem;
}
.calendar__banner--month { .calendar__banner--month {
text-align: center; text-align: center;
padding: .75rem; padding: .75rem;
@ -212,6 +209,10 @@ tr:nth-child(even) > .calendar__day__cell:nth-child(even) {
font-size: var(--font-size-calendar-cell); font-size: var(--font-size-calendar-cell);
position: relative; position: relative;
} }
.calendar__day__header,
.calendar__day__cell {
padding: var(--calendar-cell-size) 0 1.5rem;
}
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
@ -225,4 +226,8 @@ tr:nth-child(even) > .calendar__day__cell:nth-child(even) {
font-size: var(--font-size-calendar-cell-mobile); font-size: var(--font-size-calendar-cell-mobile);
position: relative; position: relative;
} }
.calendar__day__header,
.calendar__day__cell {
padding: var(--calendar-cell-size-mobile) 0 1.5rem;
}
} }