Per media-query font-size adjustement
ArmorDarks opened this issue · 1 comments
ArmorDarks commented
Since initial idea with rems didn't worked out #40, we have to consider some better options.
So far:
- Do everything manually
- Enhance current
$ekzo-font-sizes
map to carry information about font-sizes for specific elements for specific breakpoints.
$ekzo-font-sizes: (
text: (
base: (
phone: 14px,
phone-ls: 14px,
tablet: 16px,
tablet-ls: 16px,
lap: 16px,
desk: 16px,
),
'--': (
phone: 12px,
phone-ls: 12px,
tablet: 14px,
tablet-ls: 14px,
lap: 14px,
desk: 14px,
),
'-': (
phone: 11px,
phone-ls: 11px,
tablet: 12px,
tablet-ls: 12px,
lap: 12px,
desk: 12px,
)
)
) !default;
but this looks like... too much...
ArmorDarks commented
Responsive helpers seems to be quite elegant solution to that issue. And quite modular.
Going to test it out on production...