cmat 0.0.88 → 0.0.90

package/styles/overrides/fullcalendar.scss

@@ -1,552 +0,0 @@
-@reference "tailwindcss/theme";
-
-/* ----------------------------------------------------------------------------------------------------- */
-/*  @ FullCalendar overrides
-/* ----------------------------------------------------------------------------------------------------- */
-.fc {
-
-    .fc-view-harness table,
-    .fc-view-harness .fc-daygrid-body,
-    .fc-view-harness .fc-scrollgrid-sync-table,
-    .fc-view-harness .fc-timegrid-body,
-    .fc-view-harness .fc-timegrid-slots
-    {
-        width: 100% !important;
-    }
-
-    .fc-view-harness {
-        .fc-event {
-            color: var(--cmat-on-accent);
-        }
-
-        .fc-event-time {
-            font-weight: 700;
-        }
-
-        .fc-event-title {
-            font-weight: initial;
-        }
-
-        .fc-daygrid-event-dot {
-            display: none;
-        }
-
-        .fc-event-main {
-            width: 100%;
-        }
-
-        .fc-daygrid-more-link {
-            padding: 0 3px;
-            font-size: 12px;
-            font-weight: 500;
-            white-space: nowrap;
-            @apply text-secondary!;
-
-            @media (min-width: theme('screens.sm'))  {
-                padding: 0 6px;
-            }
-        }
-
-        .fc-timegrid-more-link-inner {
-            padding: 0 3px;
-            font-size: 12px;
-            font-weight: 500;
-            white-space: nowrap;
-            @apply text-secondary!;
-
-            @media (min-width: theme('screens.sm'))  {
-                padding: 0 6px;
-            }
-        }
-
-        /* Day Grid - Month view */
-        .fc-view.fc-dayGridMonth-view {
-            .fc-scrollgrid {
-                border: none;
-            }
-
-            .fc-scrollgrid-section.fc-scrollgrid-section-header {
-
-                > th {
-                    border: none;
-
-                    .fc-col-header {
-
-                        .fc-col-header-cell {
-                            border-color: var(--cmat-divider);
-                            border-bottom: none;
-
-                            .fc-scrollgrid-sync-inner {
-                                display: flex;
-                                align-items: center;
-                                justify-content: center;
-                                padding-top: 8px;
-                                font-size: 12px;
-                                font-weight: 500;
-                                text-transform: uppercase;
-                                @apply text-secondary!;
-                            }
-                        }
-                    }
-                }
-            }
-
-            .fc-scrollgrid-section-body {
-
-                > td {
-                    border: none;
-
-                    .fc-scroller-harness {
-
-                        .fc-daygrid-body {
-
-                            .fc-scrollgrid-sync-table {
-
-
-                                tr {
-                                    height: 130px;
-
-                                    .fc-day {
-                                        border-color: var(--cmat-divider);
-
-                                        &.fc-day-today {
-                                            background: none;
-
-                                            .f-day {
-                                                @apply bg-primary!;
-                                                color: white;
-                                                border-radius: 50%;
-                                            }
-                                        }
-
-                                        &.fc-day-other {
-                                            opacity: 1;
-
-                                            .fc-daygrid-day-number {
-                                                @apply text-hint!;
-                                            }
-                                        }
-
-                                        .fc-daygrid-day-frame {
-
-                                            .fc-daygrid-day-top {
-                                                @apply justify-center!;
-
-                                                .fc-daygrid-day-number {
-                                                    display: inline-flex;
-                                                    align-items: center;
-                                                    justify-content: center;
-                                                    margin: 4px 0 !important;
-                                                    font-size: 12px;
-                                                    border-radius: 50%;
-                                                    float: none;
-                                                }
-
-                                            }
-
-                                            .fc-daygrid-day-events {
-
-                                                .fc-daygrid-event {
-                                                    display: flex;
-                                                    align-items: center;
-                                                    height: 22px;
-                                                    min-height: 22px;
-                                                    max-height: 22px;
-                                                    margin: 0 6px 4px 6px !important;
-                                                    padding: 0 5px;
-                                                    font-size: 12px;
-                                                    border-radius: 4px;
-                                                    border: none;
-                                                    cursor: pointer;
-
-                                                    @media (min-width: theme('screens.sm'))  {
-                                                        padding: 0 8px;
-                                                    }
-                                                }
-                                            }
-
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-
-            .fc-highlight {
-                position: relative;
-                opacity: 1;
-                @apply bg-slate-100!;
-            }
-        }
-
-        /* Time Grid - Week view */
-        /* Time Grid - Day view */
-        .fc-view.fc-timeGridWeek-view,
-        .fc-view.fc-timeGridDay-view {
-            .fc-scrollgrid {
-                border: none;
-
-                .fc-scrollgrid-section-header {
-                    > th {
-                        border: none;
-
-                        .fc-scroller {
-                            overflow: hidden !important;
-                        }
-
-                        .fc-col-header {
-
-                            .fc-timegrid-axis {
-                                border-bottom: none;
-                                width: 64px !important;
-                                border-color: var(--cmat-divider);
-                                padding: 0 4px;
-                            }
-
-                            .fc-col-header-cell {
-                                border-bottom: none;
-                                border-color: var(--cmat-divider);
-
-                                .fc-scrollgrid-sync-inner {
-                                    background: none;
-
-                                    .fc-col-header-cell-cushion {
-                                        display: flex;
-                                        flex-direction: column;
-                                        align-items: center;
-                                        justify-content: center;
-                                        width: 100%;
-                                        @apply text-secondary!;
-
-                                        .fc-weekday {
-                                            padding-top: 16px;
-                                            font-size: 12px;
-                                            letter-spacing: 0.055em;
-                                            text-transform: uppercase;
-                                            font-weight: 400;
-                                        }
-
-                                        .fc-date {
-                                            padding-bottom: 12px;
-                                            font-size: 22px;
-                                            font-weight: 300;
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                    }
-
-                }
-
-                .fc-scrollgrid-section-body {
-                    > td {
-                        border: none;
-
-                        .fc-daygrid-body {
-                            border: none;
-                            padding-bottom: 0;
-
-                            .fc-timegrid-axis {
-                                width: 64px !important;
-                                padding: 0 4px;
-                                border-color: var(--cmat-divider);
-                            }
-
-                            .fc-daygrid-day {
-                                border-color: var(--cmat-divider);
-
-                                &.fc-day-today {
-                                    background: none;
-                                }
-
-                                .fc-daygrid-day-events {
-
-                                    .fc-daygrid-event {
-                                        display: flex;
-                                        align-items: center;
-                                        height: 22px;
-                                        min-height: 22px;
-                                        max-height: 22px;
-                                        margin: 0 6px 6px 6px;
-                                        padding: 0 8px;
-                                        font-size: 12px;
-                                        line-height: 1;
-                                        border-radius: 4px;
-                                        border: none;
-                                        cursor: pointer;
-                                    }
-                                }
-                            }
-                        }
-
-                        .fc-timegrid-body {
-                            .fc-timegrid-slots {
-
-                                .fc-timegrid-slot.fc-timegrid-slot-label {
-                                    width: 64px !important;
-                                    height: 48px;
-                                    padding: 0 4px;
-                                    border: none;
-                                    border-bottom: 1px solid var(--cmat-divider);
-
-                                    .fc-timegrid-slot-label-cushion {
-                                        text-align: center;
-                                        font-size: 12px;
-                                        width: 64px;
-                                        min-width: 64px;
-                                    }
-                                }
-
-                                .fc-timegrid-slot.fc-timegrid-slot-lane {
-                                    border: none;
-                                    border-bottom: 1px solid var(--cmat-divider);
-                                }
-                            }
-
-                            .fc-timegrid-cols {
-                                .fc-timegrid-col {
-                                    border-color: var(--cmat-divider);
-
-                                    &.fc-day-today {
-                                        background: none;
-                                    }
-
-                                    .fc-timegrid-event.fc-v-event {
-                                        box-shadow: none;
-                                        border: none;
-                                        border-radius: 4px;
-                                        padding: 8px;
-                                        cursor: pointer;
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-
-                .fc-timegrid-divider {
-                    background: var(--cmat-divider);
-                    border: var(--cmat-divider);
-                }
-            }
-        }
-
-        /* List - Year view */
-        .fc-view.fc-listYear-view {
-            border: none;
-
-            .fc-list-table {
-                display: flex;
-
-                tbody {
-                    display: block;
-                    width:100%;
-
-                    .fc-list-day {
-                        height: 48px;
-                        min-height: 48px;
-                        display: flex;
-                        width:100%;
-
-                        th {
-                            @apply h-full! w-full! bg-card!;
-                            border: none;
-                            z-index: 10;
-
-                            .fc-list-day-cushion {
-                                @apply h-full! flex! items-center!;
-
-                                > a:first-child {
-                                    @apply flex! grow! justify-start!;
-                                }
-                            }
-                        }
-                    }
-
-                    .fc-list-event {
-                        display: flex;
-                        border: none;
-                        cursor: pointer;
-                        color: var(--cmat-text-default);
-                        @apply bg-card!;
-
-                        &:hover {
-
-                            td {
-                                @apply bg-hover!;
-                            }
-                        }
-
-                        td {
-                            display: flex;
-                            align-items: center;
-                            width: auto;
-                            height: 48px;
-                            min-height: 48px;
-                            padding: 0 8px;
-                            border-width: 0 0 1px 0;
-                            border-color: var(--cmat-divider);
-                            border-bottom: none;
-
-                            &.fc-list-item-date {
-                                order: 1;
-                                padding-left: 16px;
-                                width: 130px;
-                                min-width: 130px;
-                                max-width: 130px;
-
-                                @media (min-width: theme('screens.sm'))  {
-                                    width: 150px;
-                                    min-width: 150px;
-                                    max-width: 150px;
-                                }
-
-                                > span {
-                                    display: flex;
-                                    align-items: baseline;
-
-                                    span {
-
-                                        &:first-child {
-                                            display: flex;
-                                            justify-content: center;
-                                            padding-right: 2px;
-                                            width: 40px;
-                                            min-width: 40px;
-                                            max-width: 40px;
-                                            font-size: 18px;
-
-                                            @media (min-width: theme('screens.sm'))  {
-                                                padding-right: 8px;
-                                            }
-
-                                            + span {
-                                                display: flex;
-                                                font-size: 11px;
-                                                font-weight: 500;
-                                                letter-spacing: 0.055em;
-                                                text-transform: uppercase;
-                                                @apply text-secondary!;
-                                            }
-                                        }
-                                    }
-                                }
-                            }
-
-                            &.fc-list-event-time {
-                                flex: 0 0 auto;
-                                order: 3;
-                                width: 140px;
-                                min-width: 140px;
-                                max-width: 140px;
-
-                                @media (min-width: theme('screens.sm'))  {
-                                    width: 160px;
-                                    min-width: 160px;
-                                    max-width: 160px;
-                                }
-                            }
-
-                            &.fc-list-event-graphic {
-                                flex: 0 0 auto;
-                                order: 2;
-
-                                .fc-list-event-dot {
-                                    width: 12px;
-                                    height: 12px;
-                                    border-radius: 50%;
-                                    border: none;
-                                }
-                            }
-
-                            &.fc-list-event-title {
-                                flex: 1 1 auto;
-                                order: 4;
-                                padding-right: 24px;
-                                font-weight: 500;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        .fc-popover {
-            @apply bg-card!;
-
-            &.fc-more-popover {
-                border: none;
-                border-radius: 4px;
-                @apply shadow-2xl!;
-
-                .fc-popover-header {
-                    height: 32px;
-                    min-height: 32px;
-                    max-height: 32px;
-                    padding: 0 8px;
-                    @apply bg-hover!;
-
-                    .fc-popover-title {
-                        margin: 0;
-                        padding: 0;
-                        font-size: 12px;
-                    }
-                }
-
-                .fc-popover-body {
-                    max-height: 160px;
-                    padding: 6px;
-
-                    .fc-more-popover-misc {
-                        display: none;
-                    }
-
-                    .fc-daygrid-event-harness {
-                        margin: 0 0 6px 0;
-
-                        .fc-daygrid-event {
-                            display: flex;
-                            align-items: center;
-                            height: 22px;
-                            min-height: 22px;
-                            max-height: 22px;
-                            font-size: 12px;
-                            line-height: 1;
-                            border-radius: 4px;
-                            border: none;
-                            cursor: pointer;
-                        }
-
-                        &:last-child {
-                            margin-bottom: 0;
-                        }
-                    }
-                }
-            }
-        }
-
-    }
-
-    /* Day grid event - Dragging */
-    .fc-daygrid-event {
-
-        &.fc-event-dragging,
-        &.fc-event-resizing {
-            display: flex;
-            align-items: center;
-            height: 22px;
-            min-height: 22px;
-            max-height: 22px;
-            margin: 0 6px 4px 6px;
-            padding: 0 8px;
-            font-size: 12px;
-            line-height: 1;
-            border-radius: 4px;
-            border: none;
-        }
-    }
-
-}