ArmorDarks/ekzo

Per media-query font-size adjustement

ArmorDarks opened this issue · 1 comments

Since initial idea with rems didn't worked out #40, we have to consider some better options.

So far:

  1. Do everything manually
  2. 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...

Responsive helpers seems to be quite elegant solution to that issue. And quite modular.

Going to test it out on production...