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:
Post a Comment