react-weekly-schedule
Version:
 
1 lines • 10.9 kB
Source Map (JSON)
{"version":3,"sources":["styles.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@charset \"UTF-8\";\n.no-scroll {\n touch-action: none; }\n\n.theme {\n --color-cell-border: hsl(204, 11%, 83%);\n --color-drag-box-border: hsla(209, 97%, 50%, 0.5);\n --color-drag-box-background: hsla(209, 97%, 65%, 0.5);\n --color-handle-wrapper-text: hsla(209, 100%, 80%, 0.5);\n --color-timeline-text: hsl(0, 0%, 48%);\n --color-header-background: hsla(0, 0%, 97%, 1);\n --color-event-text: hsl(207, 65%, 93%);\n --color-event-background: hsl(202, 100%, 20%);\n --color-event-active-background: hsl(202, 100%, 40%);\n --color-event-hover-background: hsl(202, 100%, 30%);\n --color-event-shadow-1: hsla(202, 100%, 16%, 0.5);\n --color-event-shadow-2: rgba(217, 217, 217, 0.5);\n --color-header-shadow-1: hsla(0, 0%, 50%, 0.2);\n --color-header-shadow-2: hsla(0, 0%, 85%, 0.239);\n --color-timeline-background: white;\n --color-grid-background: white; }\n\n.root {\n --z-index-handle-wrapper: 1;\n --z-index-layer-container: 1;\n --z-index-event: 2;\n --z-index-event-is-pending-creation: 1;\n --z-index-event-active: 3;\n --z-index-draggable: 2;\n --z-index-dragging: 3;\n --z-index-day-header-row: 2;\n --z-index-header: 1;\n --z-index-timeline: 2;\n --z-index-timeline-header: 1;\n contain: strict;\n overflow: auto;\n background: var(--color-grid-background, white);\n border: 1px solid var(--color-cell-border); }\n .root,\n .root * {\n box-sizing: border-box; }\n\n.grid-root {\n position: relative;\n display: table;\n overflow: auto;\n width: 100%; }\n\n.debug:not(.debug-active) {\n display: none; }\n\n.calendar {\n user-select: none;\n text-align: center;\n display: flex;\n position: relative;\n border-collapse: collapse; }\n\n.react-draggable {\n position: absolute; }\n\n.handle-wrapper {\n z-index: var(--z-index-handle-wrapper);\n position: absolute;\n left: 0;\n bottom: 0;\n right: 0;\n top: 0;\n background-position: center;\n padding: 0 3px 3px 0;\n background-repeat: no-repeat;\n background-size: auto 100%;\n box-sizing: border-box;\n color: var(--color-handle-wrapper-text);\n vertical-align: middle; }\n .handle-wrapper .handle.top {\n top: -5px !important;\n cursor: n-resize !important; }\n .handle-wrapper .handle.bottom {\n bottom: 8px !important;\n cursor: s-resize !important; }\n .handle-wrapper .handle.top::after,\n .handle-wrapper .handle.bottom::after {\n display: block;\n text-align: center;\n content: '═'; }\n\n.layer-container {\n position: relative;\n height: 100%;\n z-index: var(--z-index-layer-container); }\n .layer-container .calendar {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0; }\n .layer-container .event {\n z-index: var(--z-index-event); }\n .layer-container .calendar {\n position: absolute;\n z-index: var(--z-index-calendar); }\n .layer-container .drag-box {\n will-change: transform;\n contain: strict;\n position: absolute;\n overflow: hidden;\n text-overflow: ellipsis;\n left: 0;\n top: 0;\n z-index: var(--z-index-drag-box);\n border: 3px dashed var(--color-drag-box-border);\n background: var(--color-drag-box-background);\n width: 100px;\n height: 100px; }\n\n.draggable {\n z-index: var(--z-index-draggable); }\n\n.button-reset {\n outline: none;\n appearance: none;\n background: none;\n border: none;\n border-radius: 0;\n all: unset;\n text-align: initial;\n color: inherit; }\n\n.is-draggable {\n user-select: none;\n cursor: grab; }\n\n.is-draggable:global(.react-draggable-dragging) {\n cursor: grabbing;\n z-index: var(--z-index-dragging) !important; }\n\n.event {\n will-change: height;\n contain: content;\n user-select: none;\n display: block;\n z-index: var(--z-index-event);\n margin: 0;\n position: absolute;\n font-size: 1rem;\n background: var(--background, var(--color-event-background));\n color: var(--color-event-text);\n left: 0;\n right: 0;\n width: 100px;\n height: 50px;\n overflow: hidden;\n text-overflow: ellipsis; }\n .event:not(.is-pending-creation):not([disabled]):not(.is-disabled):focus, .event:not(.is-pending-creation):not([disabled]):not(.is-disabled):hover {\n box-shadow: 0 1px 5px 1px var(--color-event-shadow-1), 0 5px 10px 1px var(--color-event-shadow-2); }\n .event:not(.is-pending-creation):not([disabled]):not(.is-disabled):focus-within {\n box-shadow: 0 1px 5px 1px var(--color-event-shadow-1), 0 5px 10px 1px var(--color-event-shadow-2); }\n .event:not(.is-pending-creation):not([disabled]):not(.is-disabled):hover {\n --background: var(--color-event-hover-background); }\n .event:not(.is-pending-creation):not([disabled]):not(.is-disabled):focus {\n --background: var(--color-event-active-background);\n z-index: var(--z-index-event-active); }\n .event:not(.is-pending-creation):not([disabled]):not(.is-disabled):focus-within {\n --background: var(--color-event-active-background);\n z-index: var(--z-index-event-active); }\n .event.is-pending-creation {\n z-index: var(--z-index-event-is-pending-creation);\n opacity: 0.75; }\n\n.hours-container {\n display: flex; }\n\n.day-column {\n flex: 1 1 var(--cell-width, 250px);\n min-width: var(--cell-min-width, 150px); }\n .day-column .day-hours {\n display: flex;\n flex-direction: column;\n position: relative; }\n .day-column .cell {\n flex: 1 1 var(--cell-height, 40px);\n display: flex;\n justify-content: flex-start;\n align-items: flex-start; }\n .day-column .cell .time {\n color: var(--color-timeline-text);\n font-size: 0.75em;\n text-transform: uppercase; }\n .day-column .title {\n padding: 10px 10px;\n font-size: 20px;\n justify-content: center;\n align-items: center; }\n\n.cell:first-child,\n.cell + .cell {\n border: 1px solid var(--color-cell-border);\n border-bottom: 0;\n border-left: 0; }\n\n.cell:not(.is-hour-start) {\n border-top-width: 1px;\n border-top-style: dashed; }\n\n.header .cell {\n border-top-width: 0; }\n\n.day-header-row {\n z-index: var(--z-index-day-header-row); }\n\n.sticky-top {\n position: sticky;\n top: 0; }\n\n.sticky-left {\n position: sticky;\n left: 0; }\n\n.header {\n will-change: transform;\n z-index: var(--z-index-header);\n background: var(--color-header-background);\n box-shadow: 0 1px 5px var(--color-header-shadow-1), 0 1px 10px var(--color-header-shadow-2); }\n\n.day-column.first {\n width: 100px;\n max-width: 100px;\n min-width: 0;\n flex-grow: 0;\n flex-shrink: 0; }\n\n.popup {\n position: absolute;\n top: 0;\n left: 0; }\n\n.range-boxes .event-content {\n padding: 5px 10px;\n font-weight: bold;\n font-size: 13px;\n width: 100%;\n height: 100%;\n white-space: pre-wrap; }\n .range-boxes .event-content > * {\n width: 100%; }\n\n.range-boxes .start {\n display: inline; }\n .range-boxes .start:after {\n content: ' – ';\n display: inline; }\n\n.range-boxes .end {\n display: inline; }\n\n.timeline {\n display: table-cell;\n text-align: end;\n z-index: var(--z-index-timeline); }\n .timeline .day-column {\n background: var(--color-timeline-background);\n min-width: auto;\n flex: 0 0 auto; }\n\n.timeline .header {\n z-index: var(--z-index-timeline-header);\n box-shadow: none;\n background: var(--color-timeline-background); }\n .timeline .header .cell {\n visibility: hidden; }\n\n.timeline > *:not(.header) .cell {\n position: relative;\n top: -8px;\n border: none;\n border-color: transparent;\n text-align: end;\n justify-content: flex-end; }\n .timeline > *:not(.header) .cell:first-child {\n visibility: hidden; }\n .timeline > *:not(.header) .cell .time {\n background: inherit;\n padding-right: 1rem; }\n"]}