13 lines
808 B
CSS
13 lines
808 B
CSS
/* Shared calendar styles */
|
|
.calendar { display:flex; flex-direction:column; gap:0.5rem; margin-bottom:1rem; max-width:900px; margin-left:auto; margin-right:auto }
|
|
.calendar .week { display:flex; gap:0.5rem; }
|
|
.calendar .day { flex:1; padding:0.5rem; border:1px solid #eee; min-height:3rem; cursor:pointer; text-align:center }
|
|
.calendar .day.other-month { background:#f9f9f9; color:#999; }
|
|
.calendar .day.leave { background:#ffecec; }
|
|
.calendar .day.selected { color:#2b8fd6; font-weight:700 }
|
|
.calendar .day.in-range { color:#2b8fd6; font-weight:600 }
|
|
.calendar .day:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
|
|
.calendar .day.day-header { background:transparent; border:0; padding:0.25rem; min-height:unset }
|
|
#calendar-controls { margin-top:0.5rem }
|
|
#calendar-controls .button { margin-left:0.5rem }
|