UNPKG

@design.estate/dees-domtools

Version:

A package providing tools to simplify complex CSS structures and web development tasks, featuring TypeScript support and integration with various web technologies.

39 lines (37 loc) 1.87 kB
import { DomTools } from './domtools.classes.domtools.js'; import { css, unsafeCSS } from 'lit'; /** * changes scrollbar styles to be consistent across OS borders */ export const scrollBarStyles = (() => { const returnStylesOld = navigator.userAgent.indexOf('Mac OS X') === -1 ? css ``.cssText : ``; const returnStyles = css ` /* width */ ::-webkit-scrollbar { width: 0px; } body { scrollbar-width: none; } `.cssText; return returnStyles; })(); export const globalBaseStyles = css ` /* @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2'); } */ /* global body styles */ body { margin: 0px; font-family: 'Geist Sans', 'Inter', sans-serif; box-sizing: border-box; } /* scroll bar styles */ ${unsafeCSS(scrollBarStyles)} `.cssText; //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY3NzLmJhc2VzdHlsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5jc3MuYmFzZXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFMUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsTUFBTSxLQUFLLENBQUM7QUFFckM7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQVcsQ0FBQyxHQUFHLEVBQUU7SUFDM0MsTUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQSxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDNUYsTUFBTSxZQUFZLEdBQUcsR0FBRyxDQUFBOzs7Ozs7OztHQVF2QixDQUFDLE9BQU8sQ0FBQztJQUNWLE9BQU8sWUFBWSxDQUFDO0FBQ3RCLENBQUMsQ0FBQyxFQUFFLENBQUM7QUFFTCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBVyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWtCdkMsU0FBUyxDQUFDLGVBQWUsQ0FBQztDQUM3QixDQUFDLE9BQU8sQ0FBQyJ9