aredotna/ervell

Text formatting tweaks on new lightbox

Closed this issue · 0 comments

danpia commented

Text block view

General

  • normal block view: max-width: calc(900px + 8em) – or just 880px if you remove the outer padding
  • normal block view: width: 100%
  • fullscreen: max-width: 880px
  • fullscreen: width: 100%

Window width < 1024px

  • normal block view: font-size: 1rem

Window width < 640px

  • fullscreen: font-size: 1rem

Edit text view

Window width > 1024px

  • editable text font-size 0.875rem
  • modal max-width: 880px