@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
JavaScript
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