Добавление стилей функцией
Tue Apr 19 2022 08:44:39 GMT+0000 (Coordinated Universal Time)
Saved by
@happy_cutman
#javascript
<div class='frame-modal' id='frame-modal'>
<span class='frame-text'>Sign in with liquid access</span>
<button class='frame-button'>Connect wallet</button>
</div>
export const frameStyles = {
'frame-modal': {
backgroundColor: '#f0f0f0',
borderRadius: '5px',
margin: '0 auto',
padding: '20px',
width: '70%'
},
}
export const setStyles = (stylesObject: object) => {
const range = document.createRange();
let res = "";
let arr: string[] = []
Object.entries(stylesObject).forEach(([key]) => {
// @ts-ignore
const obj = JSON.stringify(stylesObject[key], null, "\t")
.replace(/([A-Z])/g, "-$1").toLowerCase()
.replace(/"/g, "")
.replace(/,\n/g, ";")
.replace(/\}/g, ";}");
// @ts-ignore
arr.push(`.${key}${obj}`)
});
res = `<style>${arr.join(' ')}</style>`;
const frag = range.createContextualFragment(res);
// @ts-ignore
document.querySelector("head").append(frag);
};
content_copyCOPY
Comments