@fullcalendar/theme-classic 7.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/theme.css ADDED
@@ -0,0 +1,861 @@
1
+ /*
2
+ NOTE: apply this to calendar root AND popover
3
+ */
4
+ .fc-classic-R1q {
5
+ line-height: 1.5;
6
+ --fc-classic-border-style: solid;
7
+ }
8
+
9
+ /*
10
+ NOTE: apply this to buttonClass and popoverCloseClass
11
+ */
12
+ .fc-classic-Z9U {
13
+ -webkit-appearance: button;
14
+ -moz-appearance: button;
15
+ appearance: button;
16
+ font: inherit;
17
+ font-feature-settings: inherit;
18
+ font-variation-settings: inherit;
19
+ letter-spacing: inherit;
20
+ color: inherit;
21
+ opacity: 1;
22
+ background-color: #0000;
23
+ border-radius: 0;
24
+ /* originally provided on border-box reset */
25
+ margin: 0;
26
+ border: 0;
27
+ padding: 0
28
+ }
29
+
30
+ .fc-classic-3Lc {
31
+ pointer-events: none
32
+ }
33
+
34
+ .fc-classic-1EY {
35
+ position: absolute
36
+ }
37
+
38
+ .fc-classic-eYX {
39
+ position: relative
40
+ }
41
+
42
+ .fc-classic-OUe {
43
+ position: sticky
44
+ }
45
+
46
+ .fc-classic-MaV {
47
+ inset-inline: 0
48
+ }
49
+
50
+ .fc-classic-AWB {
51
+ inset-block: 0
52
+ }
53
+
54
+ .fc-classic-11a {
55
+ inset-inline-start: -.25rem
56
+ }
57
+
58
+ .fc-classic-rbS {
59
+ inset-inline-start: 0
60
+ }
61
+
62
+ .fc-classic-bEw {
63
+ inset-inline-end: -.25rem
64
+ }
65
+
66
+ .fc-classic-2w8 {
67
+ inset-inline-end: .125rem
68
+ }
69
+
70
+ .fc-classic-dnf {
71
+ inset-inline-end: -3px
72
+ }
73
+
74
+ .fc-classic-YDC {
75
+ top: -.25rem
76
+ }
77
+
78
+ .fc-classic-n9G {
79
+ top: 0
80
+ }
81
+
82
+ .fc-classic-2ik {
83
+ top: .125rem
84
+ }
85
+
86
+ .fc-classic-ERR {
87
+ top: 50%
88
+ }
89
+
90
+ .fc-classic-fJL {
91
+ bottom: -.25rem
92
+ }
93
+
94
+ .fc-classic-jGI {
95
+ bottom: 0
96
+ }
97
+
98
+ .fc-classic-1V6 {
99
+ left: 50%
100
+ }
101
+
102
+ .fc-classic-88I {
103
+ order: -1
104
+ }
105
+
106
+ .fc-classic-gMS {
107
+ margin: .25rem
108
+ }
109
+
110
+ .fc-classic-jD5 {
111
+ margin: 1rem
112
+ }
113
+
114
+ .fc-classic-J04 {
115
+ margin-inline: -5px
116
+ }
117
+
118
+ .fc-classic-cKZ {
119
+ margin-inline: .125rem
120
+ }
121
+
122
+ .fc-classic-rVY {
123
+ margin-inline: .25rem
124
+ }
125
+
126
+ .fc-classic-148 {
127
+ margin-inline: 1px
128
+ }
129
+
130
+ .fc-classic-Jzj {
131
+ margin-inline-start: .125rem
132
+ }
133
+
134
+ .fc-classic-Mde {
135
+ margin-inline-start: .5rem
136
+ }
137
+
138
+ .fc-classic-qvL {
139
+ margin-inline-start: 1px
140
+ }
141
+
142
+ .fc-classic-kp0 {
143
+ margin-inline-end: -.25rem
144
+ }
145
+
146
+ .fc-classic-3e1 {
147
+ margin-inline-end: .125rem
148
+ }
149
+
150
+ .fc-classic-B3G {
151
+ margin-inline-end: 2.5%
152
+ }
153
+
154
+ .fc-classic-9hC {
155
+ margin-inline-end: 1px
156
+ }
157
+
158
+ .fc-classic-Dq8 {
159
+ margin-top: -.25rem
160
+ }
161
+
162
+ .fc-classic-a10 {
163
+ margin-top: -5px
164
+ }
165
+
166
+ .fc-classic-Ika {
167
+ margin-bottom: 1px
168
+ }
169
+
170
+ .fc-classic-F99 {
171
+ margin-left: -.25rem
172
+ }
173
+
174
+ .fc-classic-eF2 {
175
+ display: contents
176
+ }
177
+
178
+ .fc-classic-I48 {
179
+ display: block
180
+ }
181
+
182
+ .fc-classic-dl1 {
183
+ display: flex
184
+ }
185
+
186
+ .fc-classic-i3N {
187
+ display: grid
188
+ }
189
+
190
+ .fc-classic-pps {
191
+ display: none
192
+ }
193
+
194
+ .fc-classic-3wQ {
195
+ width: .5rem;
196
+ height: .5rem
197
+ }
198
+
199
+ .fc-classic-vnf {
200
+ width: 1rem;
201
+ height: 1rem
202
+ }
203
+
204
+ .fc-classic-XUJ {
205
+ width: 1.25rem;
206
+ height: 1.25rem
207
+ }
208
+
209
+ .fc-classic-uuA {
210
+ height: .5rem
211
+ }
212
+
213
+ .fc-classic-zrJ {
214
+ height: .75rem
215
+ }
216
+
217
+ .fc-classic-84e {
218
+ min-height: .125rem
219
+ }
220
+
221
+ .fc-classic-mhE {
222
+ min-height: .75rem
223
+ }
224
+
225
+ .fc-classic-toR {
226
+ min-height: 1px
227
+ }
228
+
229
+ .fc-classic-roZ {
230
+ width: 50%
231
+ }
232
+
233
+ .fc-classic-hza {
234
+ width: .5rem
235
+ }
236
+
237
+ .fc-classic-4Tv {
238
+ width: 5px
239
+ }
240
+
241
+ .fc-classic-kMV {
242
+ max-width: 12.5rem
243
+ }
244
+
245
+ .fc-classic-2KU {
246
+ min-width: 0
247
+ }
248
+
249
+ .fc-classic-aNc {
250
+ min-width: 13.75rem
251
+ }
252
+
253
+ .fc-classic-yi0 {
254
+ flex-shrink: 0
255
+ }
256
+
257
+ .fc-classic-1Zl {
258
+ flex-shrink: 1
259
+ }
260
+
261
+ .fc-classic-OLq {
262
+ flex-shrink: 100
263
+ }
264
+
265
+ .fc-classic-1El {
266
+ flex-grow: 1
267
+ }
268
+
269
+ .fc-classic-jmT {
270
+ rotate: 180deg
271
+ }
272
+
273
+ .fc-classic-sgX {
274
+ flex-direction: column
275
+ }
276
+
277
+ .fc-classic-1sP {
278
+ flex-direction: row
279
+ }
280
+
281
+ .fc-classic-dNl {
282
+ flex-wrap: wrap
283
+ }
284
+
285
+ .fc-classic-XpK {
286
+ align-items: center
287
+ }
288
+
289
+ .fc-classic-N2M {
290
+ justify-content: space-between
291
+ }
292
+
293
+ .fc-classic-E9P {
294
+ justify-content: center
295
+ }
296
+
297
+ .fc-classic-LMv {
298
+ justify-content: flex-end
299
+ }
300
+
301
+ .fc-classic-aTF {
302
+ gap: .125rem
303
+ }
304
+
305
+ .fc-classic-NWN {
306
+ gap: .25rem
307
+ }
308
+
309
+ .fc-classic-wwb {
310
+ gap: .75rem
311
+ }
312
+
313
+ .fc-classic-yth {
314
+ gap: 1.25rem
315
+ }
316
+
317
+ .fc-classic-sI7 {
318
+ align-self: flex-start
319
+ }
320
+
321
+ .fc-classic-pKG {
322
+ overflow: hidden
323
+ }
324
+
325
+ .fc-classic-Ig4 {
326
+ border-radius: 4px
327
+ }
328
+
329
+ .fc-classic-AAA {
330
+ border-radius: 3.40282e38px
331
+ }
332
+
333
+ .fc-classic-Fvv {
334
+ border-radius: .25rem
335
+ }
336
+
337
+ .fc-classic-kmj {
338
+ border-start-start-radius: .25rem;
339
+ border-end-start-radius: .25rem
340
+ }
341
+
342
+ .fc-classic-Skl {
343
+ border-start-end-radius: .25rem;
344
+ border-end-end-radius: .25rem
345
+ }
346
+
347
+ .fc-classic-C2g {
348
+ border-end-end-radius: .25rem
349
+ }
350
+
351
+ .fc-classic-Z7Q {
352
+ border-top-left-radius: .25rem;
353
+ border-top-right-radius: .25rem
354
+ }
355
+
356
+ .fc-classic-2qh {
357
+ border-bottom-right-radius: .25rem;
358
+ border-bottom-left-radius: .25rem
359
+ }
360
+
361
+ .fc-classic-wsy {
362
+ border-style: var(--fc-classic-border-style);
363
+ border-width: 1px
364
+ }
365
+
366
+ .fc-classic-5JF {
367
+ border-style: var(--fc-classic-border-style);
368
+ border-width: 4px
369
+ }
370
+
371
+ .fc-classic-yDA {
372
+ border-style: var(--fc-classic-border-style);
373
+ border-width: 5px
374
+ }
375
+
376
+ .fc-classic-1Wx {
377
+ border-inline-style: var(--fc-classic-border-style);
378
+ border-inline-width: 1px
379
+ }
380
+
381
+ .fc-classic-ybF {
382
+ border-inline-style: var(--fc-classic-border-style);
383
+ border-inline-width: 5px
384
+ }
385
+
386
+ .fc-classic-JIC {
387
+ border-block-style: var(--fc-classic-border-style);
388
+ border-block-width: 1px
389
+ }
390
+
391
+ .fc-classic-XM3 {
392
+ border-block-style: var(--fc-classic-border-style);
393
+ border-block-width: 5px
394
+ }
395
+
396
+ .fc-classic-3J4 {
397
+ border-inline-start-style: var(--fc-classic-border-style);
398
+ border-inline-start-width: 1px
399
+ }
400
+
401
+ .fc-classic-hhi {
402
+ border-inline-start-style: var(--fc-classic-border-style);
403
+ border-inline-start-width: 5px
404
+ }
405
+
406
+ .fc-classic-jIH {
407
+ border-inline-start-style: var(--fc-classic-border-style);
408
+ border-inline-start-width: 6px
409
+ }
410
+
411
+ .fc-classic-USt {
412
+ border-inline-end-style: var(--fc-classic-border-style);
413
+ border-inline-end-width: 1px
414
+ }
415
+
416
+ .fc-classic-Bda {
417
+ border-inline-end-style: var(--fc-classic-border-style);
418
+ border-inline-end-width: 5px
419
+ }
420
+
421
+ .fc-classic-ku3 {
422
+ border-top-style: var(--fc-classic-border-style);
423
+ border-top-width: 1px
424
+ }
425
+
426
+ .fc-classic-bLA {
427
+ border-top-style: var(--fc-classic-border-style);
428
+ border-top-width: 6px
429
+ }
430
+
431
+ .fc-classic-zi1 {
432
+ border-bottom-style: var(--fc-classic-border-style);
433
+ border-bottom-width: 1px
434
+ }
435
+
436
+ .fc-classic-TN2 {
437
+ --fc-classic-border-style: dotted;
438
+ border-style: dotted
439
+ }
440
+
441
+ .fc-classic-C1x {
442
+ border-color: var(--fc-classic-border)
443
+ }
444
+
445
+ .fc-classic-sYT {
446
+ border-color: var(--fc-classic-now)
447
+ }
448
+
449
+ .fc-classic-0Pr {
450
+ border-color: var(--fc-classic-primary)
451
+ }
452
+
453
+ .fc-classic-C0k {
454
+ border-color: var(--fc-classic-strong-border)
455
+ }
456
+
457
+ .fc-classic-lNM {
458
+ border-color: var(--fc-event-color)
459
+ }
460
+
461
+ .fc-classic-FmQ {
462
+ border-color: #0f172a
463
+ }
464
+
465
+ .fc-classic-d0j {
466
+ border-color: #0000
467
+ }
468
+
469
+ .fc-classic-Pqk {
470
+ border-inline-color: #0000
471
+ }
472
+
473
+ .fc-classic-rif {
474
+ border-block-color: #0000
475
+ }
476
+
477
+ .fc-classic-0qY {
478
+ border-inline-start-color: var(--fc-classic-now)
479
+ }
480
+
481
+ .fc-classic-LaM {
482
+ border-inline-start-color: #000
483
+ }
484
+
485
+ .fc-classic-5JV {
486
+ border-inline-end-color: #000
487
+ }
488
+
489
+ .fc-classic-1Aa {
490
+ border-top-color: var(--fc-classic-now)
491
+ }
492
+
493
+ .fc-classic-Jk3 {
494
+ background-color: var(--fc-classic-background)
495
+ }
496
+
497
+ .fc-classic-iYS {
498
+ background-color: var(--fc-classic-faint)
499
+ }
500
+
501
+ .fc-classic-hLU {
502
+ background-color: var(--fc-classic-highlight)
503
+ }
504
+
505
+ .fc-classic-k3f {
506
+ background-color: var(--fc-classic-muted)
507
+ }
508
+
509
+ .fc-classic-YjJ,
510
+ .fc-classic-AhZ {
511
+ background-color: var(--fc-event-color)
512
+ }
513
+
514
+ @supports (color:color-mix(in lab, red, red)) {
515
+ .fc-classic-AhZ {
516
+ background-color: color-mix(in oklab, var(--fc-event-color)15%, transparent)
517
+ }
518
+ }
519
+
520
+ .fc-classic-GCI {
521
+ background-color: #334155
522
+ }
523
+
524
+ .fc-classic-nmg {
525
+ background-color: #1e293b
526
+ }
527
+
528
+ .fc-classic-KUX {
529
+ padding: .125rem
530
+ }
531
+
532
+ .fc-classic-XJa {
533
+ padding: .375rem
534
+ }
535
+
536
+ .fc-classic-3N5 {
537
+ padding: .5rem
538
+ }
539
+
540
+ .fc-classic-7A6 {
541
+ padding: 1px
542
+ }
543
+
544
+ .fc-classic-oQ2 {
545
+ padding-inline: .125rem
546
+ }
547
+
548
+ .fc-classic-aCI {
549
+ padding-inline: .25rem
550
+ }
551
+
552
+ .fc-classic-Eaq {
553
+ padding-inline: .625rem
554
+ }
555
+
556
+ .fc-classic-Apf {
557
+ padding-inline: .75rem
558
+ }
559
+
560
+ .fc-classic-F1o {
561
+ padding-inline: 1px
562
+ }
563
+
564
+ .fc-classic-2rx {
565
+ padding-block: .125rem
566
+ }
567
+
568
+ .fc-classic-Jhn {
569
+ padding-block: .25rem
570
+ }
571
+
572
+ .fc-classic-End {
573
+ padding-block: .375rem
574
+ }
575
+
576
+ .fc-classic-dl6 {
577
+ padding-block: .5rem
578
+ }
579
+
580
+ .fc-classic-P9h {
581
+ padding-block: 3.75rem
582
+ }
583
+
584
+ .fc-classic-z5u {
585
+ padding-block: 1px
586
+ }
587
+
588
+ .fc-classic-a7i {
589
+ padding-inline-start: .125rem
590
+ }
591
+
592
+ .fc-classic-166 {
593
+ padding-top: .125rem
594
+ }
595
+
596
+ .fc-classic-8ub {
597
+ padding-bottom: .125rem
598
+ }
599
+
600
+ .fc-classic-cM0 {
601
+ padding-bottom: 1rem
602
+ }
603
+
604
+ .fc-classic-HXA {
605
+ text-align: center
606
+ }
607
+
608
+ .fc-classic-2HE {
609
+ text-align: end
610
+ }
611
+
612
+ .fc-classic-AVD {
613
+ font-size: 1.5rem;
614
+ line-height: calc(2/1.5)
615
+ }
616
+
617
+ .fc-classic-vQz {
618
+ font-size: .6875rem;
619
+ line-height: 1.09091
620
+ }
621
+
622
+ .fc-classic-1Po {
623
+ font-size: 1rem;
624
+ line-height: calc(1.5/1)
625
+ }
626
+
627
+ .fc-classic-9yp {
628
+ font-size: .875rem;
629
+ line-height: calc(1.25/.875)
630
+ }
631
+
632
+ .fc-classic-a3B {
633
+ font-size: .75rem;
634
+ line-height: calc(1/.75)
635
+ }
636
+
637
+ .fc-classic-DIS {
638
+ font-weight: 700
639
+ }
640
+
641
+ .fc-classic-IPx {
642
+ text-overflow: ellipsis
643
+ }
644
+
645
+ .fc-classic-TZ4 {
646
+ white-space: nowrap
647
+ }
648
+
649
+ .fc-classic-jm6 {
650
+ white-space: pre
651
+ }
652
+
653
+ .fc-classic-taq {
654
+ color: var(--fc-classic-faint-foreground)
655
+ }
656
+
657
+ .fc-classic-m9h {
658
+ color: var(--fc-classic-muted-foreground)
659
+ }
660
+
661
+ .fc-classic-i9F {
662
+ color: var(--fc-event-contrast-color)
663
+ }
664
+
665
+ .fc-classic-U7B {
666
+ color: #fff
667
+ }
668
+
669
+ .fc-classic-L1Y {
670
+ font-style: italic
671
+ }
672
+
673
+ .fc-classic-lMo {
674
+ opacity: .5
675
+ }
676
+
677
+ .fc-classic-Q3Z {
678
+ opacity: .65
679
+ }
680
+
681
+ .fc-classic-iTG {
682
+ opacity: .75
683
+ }
684
+
685
+ .fc-classic-1kP {
686
+ box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a
687
+ }
688
+
689
+ .fc-classic-tkw {
690
+ box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a
691
+ }
692
+
693
+ .fc-classic-qNs {
694
+ box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a
695
+ }
696
+
697
+ .fc-classic-A3h {
698
+ box-shadow: 0 0 0 1px var(--fc-classic-ring-color, currentcolor)
699
+ }
700
+
701
+ .fc-classic-yKG {
702
+ --fc-classic-ring-color: var(--fc-classic-background)
703
+ }
704
+
705
+ .fc-classic-2R2 {
706
+ outline-style: solid;
707
+ outline-width: 1px
708
+ }
709
+
710
+ .fc-classic-0Bj {
711
+ outline-style: solid;
712
+ outline-width: 2px
713
+ }
714
+
715
+ .fc-classic-fFh {
716
+ outline-offset: -2px
717
+ }
718
+
719
+ .fc-classic-3Xj {
720
+ outline-offset: 2px
721
+ }
722
+
723
+ .fc-classic-zIi {
724
+ outline-color: var(--fc-classic-primary)
725
+ }
726
+
727
+ .fc-classic-2e8 {
728
+ outline-color: #47556980;
729
+ }
730
+
731
+ .fc-classic-SDU {
732
+ background: linear-gradient(var(--fc-classic-muted), var(--fc-classic-muted))var(--fc-classic-background)
733
+ }
734
+
735
+ .fc-classic-BaR {
736
+ background: linear-gradient(var(--fc-classic-strong), var(--fc-classic-strong))var(--fc-classic-background)
737
+ }
738
+
739
+ .fc-classic-mAY:not(:is(:where(.fc-classic-bCs):hover *)) {
740
+ opacity: .65
741
+ }
742
+
743
+ @media not all and (hover:hover) {
744
+ .fc-classic-mAY {
745
+ opacity: .65
746
+ }
747
+ }
748
+
749
+ @media not print {
750
+ .fc-classic-hbn {
751
+ background-color: var(--fc-classic-today)
752
+ }
753
+ }
754
+
755
+ @media (hover:hover) {
756
+ .fc-classic-vs6:is(:where(.fc-classic-bCs):hover *) {
757
+ display: block
758
+ }
759
+
760
+ .fc-classic-Ogp:is(:where(.fc-classic-bCs):hover *) {
761
+ -webkit-text-decoration-line: underline;
762
+ text-decoration-line: underline
763
+ }
764
+ }
765
+
766
+ .fc-classic-uk6:first-child {
767
+ border-start-start-radius: 4px;
768
+ border-end-start-radius: 4px
769
+ }
770
+
771
+ .fc-classic-Tuc:last-child {
772
+ border-start-end-radius: 4px;
773
+ border-end-end-radius: 4px
774
+ }
775
+
776
+ @media (hover:hover) {
777
+ .fc-classic-zmi:hover {
778
+ border-color: #0f172a
779
+ }
780
+
781
+ .fc-classic-Ubk:hover {
782
+ background-color: var(--fc-classic-faint)
783
+ }
784
+
785
+ .fc-classic-4yP:hover {
786
+ background-color: var(--fc-classic-muted)
787
+ }
788
+
789
+ .fc-classic-BNb:hover {
790
+ background-color: #1e293b
791
+ }
792
+
793
+ .fc-classic-Eu0:hover {
794
+ -webkit-text-decoration-line: underline;
795
+ text-decoration-line: underline
796
+ }
797
+ }
798
+
799
+ .fc-classic-OIx:focus-visible {
800
+ background-color: var(--fc-classic-faint)
801
+ }
802
+
803
+ .fc-classic-tCP:focus-visible {
804
+ background-color: var(--fc-classic-muted)
805
+ }
806
+
807
+ .fc-classic-uqo:focus-visible {
808
+ outline-style: solid;
809
+ outline-width: 2px
810
+ }
811
+
812
+ .fc-classic-sOR:focus-visible {
813
+ outline-style: solid;
814
+ outline-width: 3px
815
+ }
816
+
817
+ .fc-classic-jpf:active {
818
+ border-color: #0f172a
819
+ }
820
+
821
+ .fc-classic-28F:active {
822
+ background-color: var(--fc-classic-muted)
823
+ }
824
+
825
+ .fc-classic-8gz:active {
826
+ background-color: var(--fc-classic-strong)
827
+ }
828
+
829
+ .fc-classic-ETU:active {
830
+ background-color: #1e293b
831
+ }
832
+
833
+ @media print {
834
+ .fc-classic-DO7 {
835
+ border-color: var(--fc-event-color)
836
+ }
837
+
838
+ .fc-classic-4MR {
839
+ border-color: #000
840
+ }
841
+
842
+ .fc-classic-mtU {
843
+ border-color: #0f172a
844
+ }
845
+
846
+ .fc-classic-vwH {
847
+ background-color: #fff
848
+ }
849
+
850
+ .fc-classic-cfp {
851
+ color: #000
852
+ }
853
+ }
854
+
855
+ [dir=rtl] .fc-classic-jY6 {
856
+ rotate: none
857
+ }
858
+
859
+ [dir=rtl] .fc-classic-asP {
860
+ rotate: 180deg
861
+ }