How to Import FSCSS from javascript in HTML

Import FSCSS from javascript file
In my javascript file I do something like this:

//fscss.js

async function styleWith(){
let fscss = await import(“https://wbf.tiiny.site/newFscss.js”);
:root .box{
$rgb: %3([200,]);
$bg-color: #00F0F0;
}
newFscss =…


This content originally appeared on DEV Community and was authored by FSCSS tutorials

Import FSCSS from javascript file
In my javascript file I do something like this:

//fscss.js

async function styleWith(){
let fscss = await import("https://wbf.tiiny.site/newFscss.js");
:root .box{ 
$rgb: %3([200,]);
$bg-color: #00F0F0;
}
newFscss = (`
.box{
%2(
Width, 
Height[: 100px;])
Border: 4px solid $rgb!;
} 
$(@keyframes box, .box &[ 3s linear infinite alternate]) {
0%{
Transform: rotateX(0);
}
100%{
Transform: rotateX(360deg);
}}
fscss.exec(newFscss).use;
}
styleWith();

Index.html:

<!--- index.html --->
<!DOCTYPE html>
<haed>
<script src='scripts/fscss.js'></script>
</head>
<body>
<div class='box'></div>
</body>
fscss image

FSCSS tutorials Follow

Figured Shorthand Cascading Style Sheet


This content originally appeared on DEV Community and was authored by FSCSS tutorials


Print Share Comment Cite Upload Translate Updates
APA

FSCSS tutorials | Sciencx (2025-02-05T19:16:02+00:00) How to Import FSCSS from javascript in HTML. Retrieved from https://www.scien.cx/2025/02/05/how-to-import-fscss-from-javascript-in-html/

MLA
" » How to Import FSCSS from javascript in HTML." FSCSS tutorials | Sciencx - Wednesday February 5, 2025, https://www.scien.cx/2025/02/05/how-to-import-fscss-from-javascript-in-html/
HARVARD
FSCSS tutorials | Sciencx Wednesday February 5, 2025 » How to Import FSCSS from javascript in HTML., viewed ,<https://www.scien.cx/2025/02/05/how-to-import-fscss-from-javascript-in-html/>
VANCOUVER
FSCSS tutorials | Sciencx - » How to Import FSCSS from javascript in HTML. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/02/05/how-to-import-fscss-from-javascript-in-html/
CHICAGO
" » How to Import FSCSS from javascript in HTML." FSCSS tutorials | Sciencx - Accessed . https://www.scien.cx/2025/02/05/how-to-import-fscss-from-javascript-in-html/
IEEE
" » How to Import FSCSS from javascript in HTML." FSCSS tutorials | Sciencx [Online]. Available: https://www.scien.cx/2025/02/05/how-to-import-fscss-from-javascript-in-html/. [Accessed: ]
rf:citation
» How to Import FSCSS from javascript in HTML | FSCSS tutorials | Sciencx | https://www.scien.cx/2025/02/05/how-to-import-fscss-from-javascript-in-html/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts