46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
|
import * as plugins from './domtools.plugins';
|
||
|
|
import { DomTools } from './domtools.classes.domtools';
|
||
|
|
|
||
|
|
import { html } from 'lit-element';
|
||
|
|
export const styles = html`
|
||
|
|
<style>
|
||
|
|
* {
|
||
|
|
font-family: 'Roboto', sans-serif;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
`;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* a basic setup for elements
|
||
|
|
* makes sure everything is in check
|
||
|
|
*/
|
||
|
|
export const setup = async () => {
|
||
|
|
const domTools = await DomTools.setupDomTools();
|
||
|
|
domTools.runOnce('elementBasicSetup', async () => {
|
||
|
|
// bodyStyles
|
||
|
|
domTools.setGlobalStyles(`
|
||
|
|
body {
|
||
|
|
margin: 0px;
|
||
|
|
font-family: 'Roboto', sans-serif;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
`);
|
||
|
|
|
||
|
|
// material font
|
||
|
|
domTools.setGlobalStyles(`
|
||
|
|
@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');
|
||
|
|
}
|
||
|
|
`);
|
||
|
|
|
||
|
|
// Roboto Font
|
||
|
|
domTools.setGlobalStyles(`
|
||
|
|
@import url('https://fonts.googleapis.com/css?family=Roboto');
|
||
|
|
`);
|
||
|
|
});
|
||
|
|
};
|