@gez/date-time-kit
Version:
7 lines (6 loc) • 1.43 kB
JavaScript
var __freeze = Object.freeze;
var __defProp = Object.defineProperty;
var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
var _a;
import { css } from "../../utils/index.mjs";
export default css(_a || (_a = __template(["\n:host {\n --color-current-bg: var(--calendar-item-in-range-bg, #002BE726);\n --color-current-text: var(--calendar-item-in-range-text, #002BE7);\n --color-hover-bg: var(--calendar-item-hover-bg, #0000000D);\n --color-hover-text: var(--calendar-item-hover-text, #000);\n --color-current-hover-bg: var(--calendar-item-in-range-hover-bg, var(--color-current-bg));\n --color-current-hover-text: var(--calendar-item-in-range-hover-text, var(--color-current-text));\n display: block;\n overflow: hidden auto;\n position: relative !important;\n overflow-anchor: none;\n}\n\n.container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n}\n\n.item {\n cursor: pointer;\n user-select: none;\n width: 100%;\n text-align: center;\n border-radius: 2px;\n padding: 5px 2px;\n}\n.item.item-current {\n color: var(--color-current-text);\n background-color: var(--color-current-bg);\n}\n.item:hover {\n color: var(--color-hover-text);\n background-color: var(--color-hover-bg);\n}\n.item.item-current:hover {\n color: var(--color-current-hover-text);\n background-color: var(--color-current-hover-bg);\n}\n"])));