.tribe-events { /* ----------------------------------------------------------------------------- * Day * ----------------------------------------------------------------------------- */ .tribe-events-calendar-month__day { height: 48px; overflow: hidden; position: relative; width: var(--grid-width-1-of-7); .tribe-common--breakpoint-medium& { border-color: var(--color-border-secondary); border-style: solid; border-width: 0 1px 1px 0; height: auto; min-height: 168px; overflow: visible; } } .tribe-events-calendar-month__day-cell { height: 100%; width: 100%; } .tribe-events-calendar-month__day-cell--mobile { align-items: center; display: flex; flex-direction: column; text-align: center; .tribe-common--breakpoint-medium& { @mixin hidden; } } .tribe-events-calendar-month__day-cell--desktop { .tribe-common--breakpoint-medium& { display: flex !important; flex-direction: column; visibility: visible; } } .tribe-events-calendar-month__day-date { margin: 0; .tribe-common--breakpoint-medium& { flex: none; padding: var(--spacer-1) var(--spacer-3); } } .tribe-events-calendar-month__events { flex: auto; } .tribe-events-calendar-month__mobile-events-icon--event { background-color: var(--color-icon-active); border-radius: 50%; height: 8px; width: 8px; } .tribe-events-calendar-month__mobile-events-icon--featured { background-image: svg-inline(featured-active); background-repeat: no-repeat; background-size: contain; height: 10px; width: 8px; } /* ----------------------------------------------------------------------------- * Day: Theme Overrides * ----------------------------------------------------------------------------- */ }