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

56 lines
1.2 KiB
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 = (() => {
const returnStyles =
2022-01-28 17:05:57 +00:00
navigator.userAgent.indexOf('Mac OS X') === -1
2021-11-26 15:21:11 +00:00
? css`
/* width */
::-webkit-scrollbar {
2022-01-28 17:05:57 +00:00
width: 6px;
2021-11-26 15:21:11 +00:00
}
/* Track */
::-webkit-scrollbar-track {
background: #111;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #666;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #777;
}
`.cssText
: ``;
return returnStyles;
})();
export const globalBaseStyles: string = css`
/* global material font */
@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: 'Roboto', sans-serif;
box-sizing: border-box;
}
/* scroll bar styles */
${unsafeCSS(scrollBarStyles)}
`.cssText;