UNPKG

@gez/date-time-kit

Version:

8 lines (7 loc) 1.78 kB
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, dirLtr } from "../../utils/index.mjs"; export const styleStr = css(_b || (_b = __template(["\n", "\n\n:host { display: contents; }\n* { box-sizing: border-box; }\n\n/* firefox only: */\n@-moz-document url-prefix() {\n :host, * {\n scrollbar-width: thin;\n scrollbar-color: var(--scrollbar-thumb-color, #4444) transparent;\n }\n :host:hover, *:hover {\n scrollbar-color: var(--scrollbar-thumb-color-hover, var(--scrollbar-thumb-color, #8888)) transparent;\n }\n}\n"])), dirLtr(css(_a || (_a = __template([".bidirectional-flip:dir(ltr) { transform: scaleX(-1); }"]))))); export const scrollbarStyleStr = css(_c || (_c = __template(["\n[dt]::-webkit-scrollbar, :host *::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n}\n[dt]::-webkit-scrollbar-button, :host *::-webkit-scrollbar-button {\n display: none;\n}\n[dt]::-webkit-scrollbar-corner, :host *::-webkit-scrollbar-corner {\n display: none;\n}\n[dt]::-webkit-scrollbar-thumb, :host *::-webkit-scrollbar-thumb {\n background-color: var(--scrollbar-thumb-color, #4444);\n border-radius: 4px;\n cursor: grab;\n}\n[dt]::-webkit-scrollbar-thumb:hover, :host *::-webkit-scrollbar-thumb:hover {\n background-color: var(--scrollbar-thumb-color-hover, var(--scrollbar-thumb-color, #8888));\n}\n[dt]::-webkit-scrollbar-thumb:active, :host *::-webkit-scrollbar-thumb:active {\n background-color: var(--scrollbar-thumb-color-active, var(--scrollbar-thumb-color, #2222));\n cursor: grabbing;\n}\n[dt]::-webkit-scrollbar-track, :host *::-webkit-scrollbar-track {\n background: transparent;\n}\n"])));