You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Idea is to change greek alphabets into something more easy to use
.f-eta, .f-zeta, f-delta...
alphabet [a-z] sizing/coloring:
eg. .f-a, f-b, .f-c...
+ in font sizes, size adjustments won't change class name
+ in colors, changes in color won't change class name
+ with color naming - theming becomes easier with multiple themes
+ short naming convention with multiple variations
+ responsive typography possible via variable changes (more abstract name for size/color/...)
- you need to remember what the alphabet means (reference)
- in font sizes adding one in between existing sizes is difficult (possibly number suffix?)
- width/height/position -values already need exact numbers
numbers [0-100] sizing:
eg. .f-0_4, f-1, .f-1_3, .f-10...
+ descriptive class name, does exactly what it says
+ adding more sizes in between is easily possible
- even smallest change in the size - changes class name
- responsive sizing via variables would make class-names misleading
One option would be to go with numbers and ignore changing variables (e.g in responsive typography). Changing font sizes in different breakpoints (responsive typography) would then work the same way than other classes:
.r-sm-f-1
.r-md-f-1_3
.r-lg-f-2
niant
changed the title
Use a-z in font sizes rather than greek alphabets?
Use numbers in font sizes rather than greek alphabets?
Mar 31, 2017
Consider other sizes as well to make it consistent
Edit: Suggestion was to build them with alphabets, but numbers are better!
The text was updated successfully, but these errors were encountered: