@vcl/size-modulation

0.6.3 • Public • Published

VCL size-modulation

Scale the size of text and whole widgets.

Features

Can scale the size of simple text and whole widgets comprised of multiple components as far as they use relative units that depend on the font-size in the context, like em for. As this is true for VCL components, they can be applied to any of them.

Usage

Scale the size of simple text and whole widgets.

text example

The size modulation can be applied to whole widgets like this pagination at 130%.

widget example

Classes

  • vclScale75p
  • vclScale85p
  • vclScale110p
  • vclScale115p
  • vclScale120p
  • vclScale130p
  • vclScale155p
  • vclScale180p
  • vclScale250p
  • vclScale300p

Modifiers

Variables

Demo

example.html on GH-pages.

Package Sidebar

Install

npm i @vcl/size-modulation

Weekly Downloads

3

Version

0.6.3

License

MIT

Unpacked Size

7.23 kB

Total Files

9

Last publish

Collaborators

  • marcode95
  • vanthome
  • dani723
  • vilsol
  • jurgis-upenieks