dees-domtools/ts/domtools.css.basestyles.ts

42 lines
980 B
TypeScript
Raw Normal View History

2022-03-16 12:39:50 +00:00
import { DomTools } from './domtools.classes.domtools.js';
2021-11-26 15:21:11 +00:00
import { css, unsafeCSS } from 'lit';
/**
* changes scrollbar styles to be consistent across OS borders
*/
export const scrollBarStyles: string = (() => {
2022-05-01 14:42:37 +00:00
const returnStylesOld = navigator.userAgent.indexOf('Mac OS X') === -1 ? css``.cssText : ``;
const returnStyles = css`
/* width */
::-webkit-scrollbar {
width: 0px;
}
2022-05-01 18:07:29 +00:00
body {
scrollbar-width: none;
2022-05-01 14:42:37 +00:00
}
`.cssText;
2021-11-26 15:21:11 +00:00
return returnStyles;
})();
export const globalBaseStyles: string = css`
2023-01-07 07:24:37 +00:00
/*
2021-11-26 15:21:11 +00:00
@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');
2023-01-07 07:24:37 +00:00
} */
2021-11-26 15:21:11 +00:00
/* global body styles */
body {
margin: 0px;
2023-08-07 02:20:36 +00:00
font-family: 'Mona Sans', 'Inter', sans-serif;
2021-11-26 15:21:11 +00:00
box-sizing: border-box;
}
/* scroll bar styles */
${unsafeCSS(scrollBarStyles)}
`.cssText;