import { DomTools } from './domtools.classes.domtools.js'; import { css, unsafeCSS } from 'lit'; /** * changes scrollbar styles to be consistent across OS borders */ export const scrollBarStyles: string = (() => { 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: string = 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: 'Mona Sans', 'Inter', sans-serif; box-sizing: border-box; } /* scroll bar styles */ ${unsafeCSS(scrollBarStyles)} `.cssText;