How to Use FSCSS in CSS

#fscss #css

FSCSS can be written inside of any HTML style tag, but
You must import the FSCSS js file to your HTML head tag

<haed>
<script src='https://cdn.jsdelivr.net/npm/[email protected]/e/exec.min.js'></script>
</head>
<style>
//test FSCSS
</style>

See example on codepen

Why using FSCSS

I think FSCSS is using Shorthand methods instead of longhand methods,
And it makes you access to some simple method of writing CSS text,
Example:
1
CSS
-webkit-... -moz-... -ms-... -o-...
FSCSS
-*-...
2
CSS
transform: rotate(50deg); transform: skew(50deg); filter: hue-rotate(50deg);
FSCSS
%3(transform: rotate, transform: skew, filter: hue-rotate[(50deg);])
3
CSS max-height: 5000000px;
FSCSS max-height: %6(5[0])px;
4
CSS color: rgba(100,100,100,0.8)
FSCSS color: rgba(%3([100,])0.8)
5
CSS var(--...)
FSCSS $...!
Continuation