oda-framework
Version:
48 lines (45 loc) • 879 B
HTML
<head>
<meta name="theme-color" content="#9CC2CE">
</head>
<style>
:root{
--my-style: {
color: yellow;
background-color: red;
};
--mey-second:{
opacity: .1;
};
}
.horizontal{
position: center;
}
div{
@apply --my-style;
}
</style>
<style>
:root{
--my-my-style: {
color: yellow;
background-color: red;
};
}
.horizontal{
position: center;
}
div{
@apply --my-style;
}
</style>
<body>
<div>qwerqwer</div>
</body>
<script type="module">
for (let i of document.querySelectorAll('style')){
for (let rule of i.sheet.rules){
if (rule.selectorText === ':root')
console.dir(rule)
}
}
</script>