app/assets/stylesheets/calendar.scss
.simple-calendar {
overflow-y: scroll;
table {
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
background-color: var(--table-background);
border: 1px solid var(--table-border);
border-collapse: collapse;
box-sizing: border-box;
max-width: 100%;
width: 100%;
}
tr {
border-collapse: collapse;
}
th {
min-width: 120px;
padding: 6px;
border-bottom: 2px solid var(--table-border);
border-collapse: collapse;
border-left: 1px solid var(--table-border);
border-right: 1px solid var(--table-border);
border-top: 0px none #333333;
box-sizing: border-box;
text-align: left;
background-color: var(--table-background);
}
td {
padding: 6px;
vertical-align: top;
width: 14%;
border: 1px solid var(--table-border);
border-top-color: var(--table-border);
border-top-style: solid;
border-top-width: 1px;
border-right-color: var(--table-border);
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: var(--table-border);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: var(--table-border);
border-left-style: solid;
border-left-width: 1px;
background-color: var(--table-background);
}
.day {
height: 80px;
}
// .wday-0 {}
// .wday-1 {}
// .wday-2 {}
// .wday-3 {}
// .wday-4 {}
// .wday-5 {}
// .wday-6 {}
.today {
background: var(--table-today-background);
}
// .past {}
// .future {}
// .start-date {}
.prev-month {
background: var(--table-prev-next-background);
}
.next-month {
background: var(--table-prev-next-background);
}
// .current-month {}
// .has-events {}
a {
color: var(--table-link-color);
&:hover {
color: var(--table-link-color-hover);
}
}
nav {
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
padding-right: 20px;
&:last-child {
padding-right: 0;
}
&:hover {
color: var(--link-color-hover);
}
}
}
.calendar-title {
font-size: x-large;
}
}