@gez/date-time-kit
Version:
9 lines (8 loc) • 1.72 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, _b, _c;
import { css } from "../../utils/index.mjs";
export const baseCss = css(_a || (_a = __template(["\n.cols {\n flex: 1;\n display: flex;\n flex-direction: row;\n height: 0;\n justify-content: space-between;\n gap: 2px;\n}\n\n.col {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.col > span {\n text-align: center;\n display: inline-block;\n line-height: 27px;\n}\n\ndt-num-list {\n flex: 1;\n}\n"])));
export const listGrpCss = css(_b || (_b = __template([":host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n gap: 15px;\n}", ""])), baseCss);
export const selectorCss = css(_c || (_c = __template(["", '\n:host { display: inline-block; }\n.list-grp {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n gap: 15px;\n}\n\ndt-popover, dt-echo {\n width: 100%;\n}\n\n[slot="pop"] {\n width: 100%;\n height: 461px;\n\n display: flex;\n flex-direction: column;\n gap: 15px;\n padding: 15px;\n}\n\nh3 {\n font-size: 16px;\n margin: 0;\n line-height: 1;\n}\n\nbutton {\n border: none;\n min-height: 30px;\n border-radius: 6px;\n padding: 5px 10px;\n font-size: 14px;\n background-color: var(--dt-accent, #18181B);\n color: var(--dt-text-reverse, #fff);\n cursor: pointer;\n}\nbutton:hover {\n background-color: var(--color-accent-hover, #000);\n}\n\ndt-num-list {\n scroll-behavior: smooth;\n}\ndt-num-list::part(container) {\n gap: 2px;\n}\ndt-num-list::part(item) {\n font-size: 14px;\n line-height: 17px;\n}\n'])), baseCss);