fullcalendar
Version:
FullCalendar Vanilla JS package for rendering a calendar
470 lines (372 loc) • 8.25 kB
CSS
:root {
--fc-sticky-header-footer-z: 3;
--fc-popover-z: 4;
}
.fc-dp {
z-index: var(--fc-popover-z) ;
}
.fc-6T {
isolation: isolate;
}
/*
This will prevent all ancestors from customizing their box size unless they use .contentBox
*/
.fc-BO,
.fc-BO *,
.fc-BO *:before,
.fc-BO *:after {
box-sizing: border-box ;
}
/* classes attached to <body> */
.fc-la,
.fc-la * {
cursor: not-allowed ;
}
.fc-mM {
-ms-overflow-style: none ; /* IE and Edge */
scrollbar-width: none ; /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.fc-mM::-webkit-scrollbar {
display: none ;
}
.fc-yf {
flex-shrink: 0 ;
}
.fc-wS .fc-mP {
display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
}
/* HACK for Safari. Can't do break-inside:avoid with flexbox items, likely b/c it's not standard:
https://stackoverflow.com/a/60256345 */
.fc-OB .fc-mP > * {
float: left ;
}
[dir=rtl] .fc-OB .fc-mP > *,
.fc-OB[dir=rtl] .fc-mP > * {
float: right ;
}
.fc-OB .fc-mP::after {
content: "" ;
display: block ;
clear: both ;
}
.fc-hH {
cursor: pointer ;
}
.fc-wi {
cursor: n-resize ;
}
.fc-My {
cursor: s-resize ;
}
.fc-N8 {
cursor: w-resize ;
}
[dir=rtl] .fc-N8 {
cursor: e-resize ;
}
.fc-Yv {
cursor: e-resize ;
}
[dir=rtl] .fc-Yv {
cursor: w-resize ;
}
.fc-DR {
cursor: col-resize ;
}
.fc-Lp,
.fc-YZ,
.fc-RU {
position: absolute ;
box-sizing: content-box ;
width: 100% ;
height: 100% ;
}
.fc-Lp {
padding: 10px ;
margin: -10px ;
}
.fc-YZ {
padding-left: 10px ;
padding-right: 10px ;
margin-left: -10px ;
margin-right: -10px ;
}
.fc-RU {
padding-top: 10px ;
padding-bottom: 10px ;
margin-top: -10px ;
margin-bottom: -10px ;
}
/* QUESTION: why not use -left -right instead of negative margins/padding for ALL? */
.fc-4P {
position: absolute;
top: 0;
bottom: 0;
left: -5px;
right: -5px;
}
.fc-6M {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fc-Sy {
visibility: hidden;
}
/* Border Utils */
/* ------------------------------------------------------------------------------------------------- */
/* TODO: break-out to x and y. don't have "only" all */
/* TODO: instead of "border" utils, call them "borderless" to subtract? */
.fc-QX {
border: 0 ;
}
.fc-3t {
border-left: 0 ;
border-right: 0 ;
border-bottom: 0 ;
}
.fc-fo {
border-top: 0 ;
border-left: 0 ;
border-right: 0 ;
}
.fc-wk,
.fc-fx {
border-top: 0 ;
border-bottom: 0 ;
}
.fc-wk {
border-inline-end: 0 ;
}
.fc-fx {
border-inline-start: 0 ;
}
.fc-8R {
border-left: 0 ;
border-right: 0 ;
}
.fc-5a {
border-top: 0 ;
border-bottom: 0 ;
}
/* for matching cell start-border, assumed to be 1px, which can't be guaranteed */
.fc-hM {
border-inline-start: 1px solid transparent ;
}
/* Flexbox Utils */
/* ------------------------------------------------------------------------------------------------- */
.fc-ei {
display: flex ;
flex-direction: row ;
}
.fc-Xt {
display: flex ;
flex-direction: column ;
}
.fc-QU {
flex-grow: 1 ;
}
.fc-J6 {
flex-grow: 1 ;
flex-basis: 0 ;
min-width: 0 ;
min-height: 0 ;
}
.fc-w9 {
min-height: 0 ;
}
/*
TODO: use liquidX/Y elsewhere because frees up min other dimension; less collisions
*/
.fc-q3 {
flex-grow: 1 ;
flex-basis: 0 ;
min-width: 0 ;
}
/* Print-Safe Utils (media:screen ONLY) */
/* ------------------------------------------------------------------------------------------------- */
.fc-wS .fc-32,
.fc-wS .fc-IH {
display: flex ;
flex-direction: column ;
}
/* Table Utils */
/* ------------------------------------------------------------------------------------------------- */
.fc-Kk {
padding: 0 ;
}
.fc-5M {
margin: 0 ;
}
.fc-G8 {
margin-top: 0 ;
margin-bottom: 0 ;
}
.fc-tR {
margin-left: 0 ;
margin-right: 0 ;
}
.fc-8y {
white-space: nowrap ;
}
.fc-gR {
white-space: pre ;
}
/* Misc Utils */
/* ------------------------------------------------------------------------------------------------- */
.fc-eu {
overflow-anchor: none;
}
.fc-75 {
overflow: hidden ;
}
/*
TODO: eventually use this on daygrid/timegrid events' inner, time, and title, FOR PRINT
Needed to prevent wrapping to multiple lines, increasing height, throwing off print-positioning,
which can't rely on dynamic height detection after print-flag activated.
*/
.fc-CJ {
white-space: nowrap ;
overflow: hidden ;
}
.fc-xp {
position: relative ;
}
.fc-So {
position: absolute ;
}
.fc-Q8 {
inset-inline-start: 0 ;
}
.fc-TJ {
position: absolute ;
top: 0 ;
left: 0 ;
right: 0 ;
bottom: 0 ;
}
.fc-X3,
.fc-O5 {
position: absolute ;
left: 0 ;
right: 0 ;
}
.fc-WS,
.fc-Ld {
position: absolute ;
top: 0 ;
bottom: 0 ;
}
.fc-X3 {
top: 0 ;
}
.fc-Ld {
left: 0 ;
right: 0 ;
width: 0 ;
}
@media not print {
.fc-l5 {
position: sticky ;
}
.fc-dl {
position: sticky ;
top: 0 ;
}
/* Sticks to either left or right (the flex "start") depending on ltr/rtl */
.fc-oh {
position: sticky ;
inset-inline-start: 0 ;
}
.fc-3f {
position: sticky ;
top: 0 ;
z-index: var(--fc-sticky-header-footer-z) ;
}
}
/* Only needed when padding/border must be separate from width/height */
.fc-wx {
box-sizing: content-box ;
}
.fc-pJ {
position: absolute ;
left: -10000px ;
}
.fc-xM {
align-items: center ;
}
.fc-RJ {
align-items: flex-start ;
}
.fc-x9 {
align-items: flex-end ;
}
/* Footer Scrollbar */
/* ------------------------------------------------------------------------------------------------- */
.fc-10 {
position: sticky ;
bottom: 0 ;
z-index: var(--fc-sticky-header-footer-z) ;
}
.fc-rg > * {
margin-top: -1px ;
}
.fc-rg > * > * {
height: 1px ;
}
/* Print-Safe Utils */
/* ------------------------------------------------------------------------------------------------- */
.fc-OB .fc-sv {
-moz-column-break-inside: avoid ;
break-inside: avoid ;
}
.fc-OB .fc-32 {
display: table ;
table-layout: fixed ;
width: 100% ;
border-spacing: 0 ;
border-collapse: separate ;
}
.fc-OB .fc-IH {
display: table-header-group ;
-moz-column-break-inside: avoid ;
break-inside: avoid ;
background: #fff ;
z-index: 9999 ;
position: relative ;
}
.fc-Ph {
/* min-height when multiple rows coexist, provides sane aspect-ratio for cells */
min-height: 6em ;
}
/* Z-index */
/* ------------------------------------------------------------------------------------------------- */
.fc-6d {
z-index: 0;
}
.fc-y0 {
z-index: 1;
}
.fc-5y:focus-visible {
z-index: 2;
}
/* INTERNAL MARKER -- used to mark an element for internal significance */
/* ------------------------------------------------------------------------------------------------- */
.fc-RK {}
.fc-vB {}
.fc-nH {}
.fc-Be {}
.fc-w3 {}
.fc-Kf {}
.fc-ve {}
.fc-Er {}
.fc-ll {}
.fc-BR {}
.fc-GZ {}
.fc-Z9 {}
.fc-VO {}
.fc-rF {}
.fc-zT {}