CSS3 Variables for Web Component based CSS Framework

Sunday, August 9, 2020

The variables are built on the basis of following pattern:
S — Spacing
C — Colors
A — Animations
R — Radii
F — Fonts
S — Shadows

To understand further, please follow these two blogs:

The Online SCARFS Pattern
CSS for Web Components using Frameworks Segregation and SCARFS pattern
Below is the representational CSS3 variables in accordance to SCARFS:

No comments: