brandocms / europacss

A design system for responsive websites
MIT License
0 stars 0 forks source link

`dpx` - dynamic px / `rpx` - relative px #106

Open tmjoen opened 1 year ago

tmjoen commented 1 year ago

Dynamic px

if desktop_lg is 1440px, 50dpx is then (50 / 1440) * 100 = 3.472vw

Relative px

if desktop_lg is 1440 and desktop_md is 1280.

desktop_lg: 50px@desktop_lg is then 50px desktop_md: 50px@desktop_lg is then (1280 / 100) * ((50 / 1440) * 100) = 44.44px