FSCSS Example

Using FSCSS to reduced the overall use of CSS, such as the variables, instead of --var: value ;is $var: value ;
Instead of var(--var) is $var!

Test Code:

<script src="https://combinatronics.io/Figsh/FSCSS/refs/heads/4.0.1/fscss_exec.js" async=""></script>
<div name=foo></div> 
<style> 
/* Variables */
$primary-color: midnightblue;
$bg-stack: #FF9955 url(image.png) No-repeat center;
$border: 1px solid #4CAF50;
$gradient: mx(#111, #222, #333, #444, #555,#000,'00f,');
/* body elem */
Body{
Background: linear-gradient(30deg, $gradient!#0f0);
color: $primary-color!;
} 
/* Select by name */
$(name: foo){
Background: $bg-stack!;
Border: $border!;
%2(width, height[:200px;])
}
</style> 

🕺FOLLOW Me on CODEPEN

FSCSS example hosted at ImgBB — ImgBB

figured Shorthand Cascading Style Sheet

ibb.co

FSCSS tutorials Follow

Figured Shorthand Cascading Style Sheet