@gez/date-time-kit
Version:
8 lines (7 loc) • 1.46 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";
import { dateSvg, svg2cssUrl, timeSvg } from "../../assets/index.mjs";
export const echoCss = css(_a || (_a = __template(["\n:host { display: inline-block; }\n.wrapper {\n width: 100%;\n padding: 4px;\n display: flex;\n gap: 5px;\n border-radius: 4px;\n min-height: 30px;\n border: 1px solid var(--dt-border-input, #0001);\n align-items: center;\n cursor: pointer;\n}\n:host([active]) .wrapper {\n border-color: var(--dt-accent, #18181B);\n}\n\n[icon-type='date'],\n[icon-type='datetime'] {\n --icon: ", ";\n}\n[icon-type='time'] {\n --icon: ", ";\n}\n\n.icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n position: relative;\n}\n.icon::before {\n content: '';\n background-color: var(--dt-text-main, #333);\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n mask-repeat: no-repeat;\n mask-position: center;\n mask-size: contain;\n mask-image: var(--icon);\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n -webkit-mask-size: contain;\n -webkit-mask-image: var(--icon);\n}\n\n.echo {\n font-size: 14px;\n color: var(--dt-text-secondary, #999);\n line-height: 1;\n}\n"])), svg2cssUrl(dateSvg), svg2cssUrl(timeSvg));