Margins

Knockout's margin suite mirrors the padding suite & is built to anticipate needs across viewports & to adjust accordingly. This means that, for instance, Margin Left - L may have 2 columns of left margin at desktop, & only a half column of margin at mobile. These behaviors can be adjusted on a per-project basis, but any adjustments should be made across all padding & margin classes in order to maintain consistency.

All classes convert to VW units above 1440px & to PX units at 1920px.

Tip: There are modifier classes for each viewport, but you must switch to tablet view to see tablet classes & mobile view to see mobile classes.