vikramrojo / fortune

🔮Fortune is your friendly CSS properties framework.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mobile dimensions & positionining

vikramrojo opened this issue · comments

Since there's only support for mobileish, suggesting adding h-sm-1 across dimensions & maybe positioning?

m-reset is not enough, requires a m-mobile-50 to half or alter the distances

Solved with adding a --media: 1 variable and updating all positionings to calc(var(--space-2)*var(--media)). Then adding a media class that changes --media:0.25 locally.

Calling multiple --media will result in pad-lg overwriting mar-sm & h-sm etc.

Created a --media & --media-hdg to keep spacing & typography separate concerns

Fixed with #51