Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use numbers in font sizes rather than greek alphabets? #21

Open
niant opened this issue Nov 10, 2014 · 3 comments
Open

Use numbers in font sizes rather than greek alphabets? #21

niant opened this issue Nov 10, 2014 · 3 comments
Labels

Comments

@niant
Copy link
Owner

niant commented Nov 10, 2014

Consider other sizes as well to make it consistent

Edit: Suggestion was to build them with alphabets, but numbers are better!

@niant niant added the question label Feb 20, 2015
@rapitkan
Copy link
Collaborator

Good idea. Greek alphabets are not so easy to remember.

@niant
Copy link
Owner Author

niant commented Feb 18, 2016

Recap of the conversations and current ideas:

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

@niant
Copy link
Owner Author

niant commented Feb 19, 2016

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 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants