design.estate/dees-domtools
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2020-05-23 15:44:58 +00:00
parent 16297dc630
commit 40b8c5010d
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ts/csstools.elementbasicsetup.ts
View File

@ -8,7 +8,10 @@ export const elementBasicSetup = async () => {
if (globalThis.deesCssToolsReady) {
await globalThis.deesCssToolsReady.promise;
} else {
// lets prevent double execution
globalThis.deesCssToolsReady = defer();
// lets make sure the dom is ready
const documentReady = defer();
document.onreadystatechange = () => {
if (document.readyState === 'interactive') {
@ -16,10 +19,26 @@ export const elementBasicSetup = async () => {
}
};
await documentReady.promise;
// lets get started
const head = document.querySelector('head');
const body = document.querySelector('body');
// material font
const materialFontCss = `
@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');
}
`;
const styleElement = document.createElement('style');
styleElement.type = 'text/css';
styleElement.appendChild(document.createTextNode(materialFontCss));
head.appendChild(styleElement);
globalThis.deesCssToolsReady.resolve();
}
};