42 lines
1.0 KiB
CSS
42 lines
1.0 KiB
CSS
.pc-day {
|
|
@apply relative w-full text-center py-1 px-0.5 text-sm leading-tight rounded text-white cursor-pointer;
|
|
}
|
|
|
|
.pc-day--out-of-month {
|
|
@apply pointer-events-none opacity-0;
|
|
}
|
|
|
|
.pc-day[data-status="ok"] {
|
|
@apply bg-emerald-500;
|
|
}
|
|
|
|
.pc-day[data-status="blocked-to-ok"] {
|
|
background: linear-gradient(to bottom right, theme('colors.gray.400') 50%, theme('colors.emerald.500') 50%);
|
|
}
|
|
|
|
.pc-day[data-status="checkout-only"] {
|
|
background: linear-gradient(to bottom right, theme('colors.emerald.500') 50%, theme('colors.gray.400') 50%);
|
|
}
|
|
|
|
.pc-day[data-status="past"] {
|
|
@apply bg-transparent text-gray-400 cursor-default;
|
|
}
|
|
|
|
.pc-day[data-status="blocked"] {
|
|
@apply bg-gray-400 cursor-default;
|
|
}
|
|
|
|
.pc-day[data-status=""], .pc-day:not([data-status]) {
|
|
@apply text-gray-400 cursor-default;
|
|
}
|
|
|
|
.pc-day.pc-day--pending-start,
|
|
.pc-day.pc-day--selected-start,
|
|
.pc-day.pc-day--selected-end {
|
|
@apply bg-none outline-none bg-secondary text-gray-700;
|
|
}
|
|
|
|
.pc-day.pc-day--in-range {
|
|
@apply bg-none bg-secondary text-gray-700 opacity-55;
|
|
}
|