
FSCSS Import System You Actually Wanted
FSCSS v1.1.16+ : Import System JavaScript-Style Imports @import (( flex-center , flex-wrap , flex-x ) from flex-control ) @ import (( circle-progress as clp , progress-range as pr , progress-root as p-root ) from circle-progress / fscss ) @ p-root () @ clp (. progress ) . p-72 { @pr ( 72 ) } . container { @flex-center () } Named imports. Aliases. 5 Ways to Import Named imports @import (( flex-x , flex-center ) from flex-control ) Aliases (when names clash) @import (( circle-progress as cp ) from circle-progress ) Everything (when you're lazy) @import (( * ) from themes ) Remote (CDN friendly) @import (( btn ) from "https://cdn.example/buttons.fscss" ) Built-in libs (no quotes needed) @import (( * ) from icon-mask ) Also: It's Faster Now v1.1.16+ CDN loads quicker than older versions. The Error Messages Actually Make Sense @import (( * as all ) from "style.fscss" ) // Warning : syntax error at @ import (( * as all ) from "style.fscss" ): unexpected * No more cryptic parser errors at 2am
Continue reading on Dev.to Webdev
Opens in a new tab



