UNPKG

11.7 kBCSSView Raw
1.next-sr-only {
2 position: absolute;
3 width: 1px;
4 height: 1px;
5 padding: 0;
6 overflow: hidden;
7 clip: rect(0, 0, 0, 0);
8 white-space: nowrap;
9 border: 0;
10 top: 0;
11 margin: -1px; }
12
13.next-calendar2 {
14 box-sizing: border-box; }
15 .next-calendar2 *,
16 .next-calendar2 *:before,
17 .next-calendar2 *:after {
18 box-sizing: border-box; }
19 .next-calendar2 table {
20 border-collapse: collapse;
21 border-spacing: 0; }
22 .next-calendar2 td,
23 .next-calendar2 th {
24 padding: 0; }
25
26div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-header-actions, div[dir="rtl"].next-calendar2-panel .next-calendar2-header-actions, div[dir="rtl"].next-calendar2-card .next-calendar2-header-actions {
27 margin-right: auto;
28 margin-left: 0; }
29
30div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-header-ranges > *:not(:first-child), div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-header-actions > *:not(:first-child), div[dir="rtl"].next-calendar2-panel .next-calendar2-header-ranges > *:not(:first-child), div[dir="rtl"].next-calendar2-panel .next-calendar2-header-actions > *:not(:first-child), div[dir="rtl"].next-calendar2-card .next-calendar2-header-ranges > *:not(:first-child), div[dir="rtl"].next-calendar2-card .next-calendar2-header-actions > *:not(:first-child) {
31 margin-right: 8px;
32 margin-left: 0; }
33
34div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-cell-value,
35div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-table th {
36 text-align: left; }
37
38div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-table th {
39 padding: 0 0 5px 12px; }
40
41.next-calendar2 {
42 font-size: 12px;
43 user-select: none;
44 background: #FFFFFF; }
45 .next-calendar2-header {
46 display: flex; }
47 .next-calendar2-table {
48 width: 100%;
49 table-layout: fixed; }
50 .next-calendar2-cell {
51 cursor: pointer;
52 position: relative;
53 transition: background-color .2s, border .2s; }
54 .next-calendar2 .next-calendar2-cell-inner {
55 color: #CCCCCC;
56 color: var(--color-text1-1, #CCCCCC);
57 outline: none;
58 min-width: 24px;
59 position: relative;
60 border: 1px solid transparent; }
61 .next-calendar2-cell-disabled::before {
62 color: #CCCCCC;
63 color: var(--color-text1-1, #CCCCCC);
64 background: #F7F8FA;
65 background: var(--color-fill1-1, #F7F8FA); }
66 .next-calendar2-fullscreen .next-calendar2-header-actions, .next-calendar2-panel .next-calendar2-header-actions, .next-calendar2-card .next-calendar2-header-actions {
67 margin-left: auto; }
68 .next-calendar2-fullscreen .next-calendar2-header-ranges > *:not(:first-child), .next-calendar2-fullscreen .next-calendar2-header-actions > *:not(:first-child), .next-calendar2-panel .next-calendar2-header-ranges > *:not(:first-child), .next-calendar2-panel .next-calendar2-header-actions > *:not(:first-child), .next-calendar2-card .next-calendar2-header-ranges > *:not(:first-child), .next-calendar2-card .next-calendar2-header-actions > *:not(:first-child) {
69 margin-left: 8px; }
70 .next-calendar2-fullscreen .next-calendar2-header-select-year, .next-calendar2-fullscreen .next-calendar2-header-select-month, .next-calendar2-panel .next-calendar2-header-select-year, .next-calendar2-panel .next-calendar2-header-select-month, .next-calendar2-card .next-calendar2-header-select-year, .next-calendar2-card .next-calendar2-header-select-month {
71 min-width: 88px; }
72 .next-calendar2-fullscreen .next-calendar2-header-select-year .next-input, .next-calendar2-fullscreen .next-calendar2-header-select-month .next-input, .next-calendar2-panel .next-calendar2-header-select-year .next-input, .next-calendar2-panel .next-calendar2-header-select-month .next-input, .next-calendar2-card .next-calendar2-header-select-year .next-input, .next-calendar2-card .next-calendar2-header-select-month .next-input {
73 min-width: auto; }
74 .next-calendar2-fullscreen .next-calendar2-body, .next-calendar2-panel .next-calendar2-body, .next-calendar2-card .next-calendar2-body {
75 padding: 8px 0; }
76 .next-calendar2-card .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-inner {
77 z-index: 2;
78 height: 24px;
79 line-height: 22px;
80 border-radius: 2px;
81 display: inline-block; }
82 .next-calendar2-card .next-calendar2, .next-calendar2-panel .next-calendar2 {
83 min-height: 150px; }
84 .next-calendar2-card .next-calendar2-table thead > tr, .next-calendar2-panel .next-calendar2-table thead > tr {
85 height: 24px;
86 color: #999999;
87 color: var(--color-text1-2, #999999); }
88 .next-calendar2-card .next-calendar2-table th,
89 .next-calendar2-card .next-calendar2-table td, .next-calendar2-panel .next-calendar2-table th,
90 .next-calendar2-panel .next-calendar2-table td {
91 font-weight: 400;
92 text-align: center;
93 padding: 4px 0; }
94 .next-calendar2-card .next-calendar2-table th, .next-calendar2-panel .next-calendar2-table th {
95 height: 32px; }
96 .next-calendar2-card .next-calendar2-table-month, .next-calendar2-card .next-calendar2-table-year, .next-calendar2-card .next-calendar2-table-decade, .next-calendar2-panel .next-calendar2-table-month, .next-calendar2-panel .next-calendar2-table-year, .next-calendar2-panel .next-calendar2-table-decade {
97 height: 145px; }
98 .next-calendar2-card .next-calendar2-table-month .next-calendar2-cell-inner, .next-calendar2-card .next-calendar2-table-year .next-calendar2-cell-inner, .next-calendar2-card .next-calendar2-table-decade .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-month .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-year .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-decade .next-calendar2-cell-inner {
99 min-width: 56px; }
100 .next-calendar2-card .next-calendar2-table-quarter, .next-calendar2-panel .next-calendar2-table-quarter {
101 height: 50px; }
102 .next-calendar2-card .next-calendar2-table-quarter .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-quarter .next-calendar2-cell-inner {
103 min-width: 56px; }
104 .next-calendar2-card .next-calendar2-table-decade .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-decade .next-calendar2-cell-inner {
105 min-width: 80px; }
106 .next-calendar2-card .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today) .next-calendar2-cell-inner {
107 color: #666666;
108 color: var(--color-text1-3, #666666); }
109 .next-calendar2-card .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today):hover:not(.next-calendar2-cell-hover) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today):hover:not(.next-calendar2-cell-hover) .next-calendar2-cell-inner {
110 background: #F2F3F7;
111 background: var(--color-fill1-2, #F2F3F7); }
112 .next-calendar2-card .next-calendar2-cell-current.next-calendar2-cell-today:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current.next-calendar2-cell-today:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
113 color: #5584FF;
114 color: var(--color-brand1-6, #5584FF); }
115 .next-calendar2-card .next-calendar2-cell-current.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
116 color: #FFFFFF;
117 background: #5584FF;
118 background: var(--color-brand1-6, #5584FF); }
119 .next-calendar2-fullscreen .next-calendar2-cell-value,
120 .next-calendar2-fullscreen .next-calendar2-table th {
121 text-align: right; }
122 .next-calendar2-fullscreen .next-calendar2-table th {
123 padding: 0 12px 5px 0; }
124 .next-calendar2-fullscreen .next-calendar2-cell-inner {
125 height: 80px;
126 border-top: 2px solid #E6E7EB;
127 border-top: 2px solid var(--color-line1-1, #E6E7EB);
128 margin: 0 4px;
129 padding: 4px 8px 0; }
130 .next-calendar2-fullscreen td .next-calendar2-cell-inner {
131 height: 80px;
132 border-top: 2px solid #E6E7EB;
133 border-top: 2px solid var(--color-line1-1, #E6E7EB); }
134 .next-calendar2-fullscreen .next-calendar2-cell-disabled .next-calendar2-cell-inner {
135 color: #CCCCCC;
136 color: var(--color-text1-1, #CCCCCC);
137 background: #F7F8FA;
138 background: var(--color-fill1-1, #F7F8FA); }
139 .next-calendar2-fullscreen .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today) .next-calendar2-cell-inner {
140 color: #666666;
141 color: var(--color-text1-3, #666666); }
142 .next-calendar2-fullscreen .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today):hover .next-calendar2-cell-inner {
143 background-color: #F2F3F7;
144 background-color: var(--color-fill1-2, #F2F3F7); }
145 .next-calendar2-fullscreen .next-calendar2-cell-current.next-calendar2-cell-today .next-calendar2-cell-inner {
146 color: #5584FF;
147 color: var(--color-brand1-6, #5584FF); }
148 .next-calendar2-fullscreen .next-calendar2-cell-current .next-calendar2-cell-inner {
149 background-color: #FFFFFF; }
150 .next-calendar2-fullscreen .next-calendar2-cell-current.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
151 border-top-color: #5584FF;
152 border-top-color: var(--color-brand1-6, #5584FF);
153 font-weight: bold;
154 color: #5584FF;
155 color: var(--color-brand1-6, #5584FF);
156 background: #DEE8FF;
157 background: var(--color-brand1-1, #DEE8FF); }
158 .next-calendar2-card .next-calendar2-header {
159 padding: 8px 8px;
160 border-bottom: 1px solid #E6E7EB;
161 border-bottom: 1px solid var(--color-line1-1, #E6E7EB); }
162 .next-calendar2-panel .next-calendar2-header {
163 padding: 0 8px;
164 display: flex;
165 align-items: center;
166 border-bottom: 1px solid #E6E7EB;
167 border-bottom: 1px solid var(--color-line1-1, #E6E7EB); }
168 .next-calendar2-panel .next-calendar2-header-btn {
169 min-width: 20px;
170 line-height: 20px;
171 color: #666666;
172 color: var(--color-text1-3, #666666);
173 font-family: inherit;
174 vertical-align: initial;
175 border-radius: 2px; }
176 .next-calendar2-panel .next-calendar2-header-btn > span, .next-calendar2-panel .next-calendar2-header-text-field {
177 text-align: center;
178 font-size: 14px;
179 color: #333333;
180 color: var(--color-text1-4, #333333);
181 font-weight: bolder;
182 vertical-align: initial; }
183 .next-calendar2-panel .next-calendar2-header-btn:hover,
184 .next-calendar2-panel .next-calendar2-header-btn:hover > span {
185 color: #5584FF;
186 color: var(--color-brand1-6, #5584FF); }
187 .next-calendar2-panel .next-calendar2-header-right-btn:hover, .next-calendar2-panel .next-calendar2-header-left-btn:hover {
188 background: #F2F3F7;
189 background: var(--color-fill1-2, #F2F3F7); }
190 .next-calendar2-panel .next-calendar2-header-text-field {
191 flex: 1;
192 height: 38px;
193 line-height: 38px; }
194 .next-calendar2-panel .next-calendar2-header-text-field .next-calendar2-header-btn:not(:first-child) {
195 margin-left: 6px; }
196
197.next-calendar2-header-select-month-popup,
198.next-calendar2-header-select-year-popup {
199 min-width: auto; }