External FSCSS

How to link external .fscss file to HTML: Step1: create .fscss file, write in same FSCSS and CSS code Example: //Variables $primary-color: midnightblue; $bg-stack: #FF9955 url(image.png) No-repeat center; $border: 1px solid #4CAF50; $gradient: mx(#111, #222, #333, #444, #555,'#00f'); //body elem Body{ Background: linear-gradient(30deg, $gradient!); color: $primary-color!; } //Select by name $(name: foo){ Background: $bg-stack!; Border: $border!; %2(width, height[:200px;]) } Step2: Link it to your HTML Code: Example: //more FSCSS and CSS ... Check out this Example: #box{ width: 350px; height: 80px; border: 2px solid red; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; } #box $(name: box){ display: inline-block; }

Feb 14, 2025 - 12:09

How to link external .fscss file to HTML:
Step1:
create .fscss file, write in same FSCSS and CSS code
Example:

//Variables 
$primary-color: midnightblue;
$bg-stack: #FF9955 url(image.png) No-repeat center;
$border: 1px solid #4CAF50;
$gradient: mx(#111, #222, #333, #444, #555,'#00f');
//body elem
Body{
Background: linear-gradient(30deg, $gradient!);
color: $primary-color!;
} 
//Select by name
$(name: foo){
Background: $bg-stack!;
Border: $border!;
%2(width, height[:200px;])
}

Step2:
Link it to your HTML Code:
Example: