
FSCSS: Overview of the latest 20+ array methods
FSCSS Array Methods For version 1.1.14+ Arrays for scalable CSS generation. Overview FSCSS arrays are data structures designed to generate CSS efficiently. Unlike traditional script arrays, FSCSS arrays return strings directly, making them ideal for reducing repetition and generating utility patterns at compile time. Key Characteristics String-native – All transformations output final string values No method chaining – Arrays return directly, not objects No nested execution – Array declarations don't resolve inner arrays Array Declaration @arr name [ item1 , item2 , item3 ] Example @arr colors [ #1E2783 , #8C29B2 , #C41348 ] @ arr spacing [ 4 , 8 , 12 , 16 ] @ arr variants [ primary , secondary , accent ] Access Modes Direct Output (Space Separated) @arr .name // Returns : item1 item2 item3 Method Access Mode Append ! to enable method calls: @arr .name ! // Enables : @ arr .name ! .reverse , @ arr .name ! .length , etc . Available Methods Method Description Example Output .length Retur
Continue reading on Dev.to
Opens in a new tab



