search

vikramrojo / fortune

🔮Fortune is your friendly CSS properties framework.
MIT License
16 stars 2 forks source link

Class names inconsistency #39

Closed vikramrojo closed 5 years ago

vikramrojo commented 6 years ago

Should margins, padding, border, transforms be changed from p- | m- | b- | t- => pad-t- | mar-t- | border-t- | trans-t-| for beginner readability. This would be a breaking change.

chasestarr commented 6 years ago

+1

vikramrojo commented 6 years ago

Single letter classes will replaced in favor of full names or abbreviations where long, eg. pad- width- trans grad

vikramrojo commented 6 years ago

Name style conflict between g-1 using pixels & gap as rem variables

vikramrojo commented 6 years ago

So decided to map out all the utility classes prioritizing that vue would make classless components anyhow, and there will be some learning curve. Seemed actually the more intuitive practice, given Javascript affinities, is to write in PascalCase!

Rad1
BordL1
GradDarken
Blend
Color,BgColor,BordColor
Ht1,ViewHt1,Wid,ViewWid
B,L,R,T
Flex,Grow
GridGap1, GridSpace1
GridCols1, GridRow1
GridColSpan1, GridRowSpan1
Opa1
MarGap1,Mar1,MarT1
PadGap1,Pad1,PadT1
Shad
TransT1
vikramrojo commented 5 years ago

Removed Gap classes in favor of isSpace variant