wercker-constants-layout

What does this package contain?

It contains/exposes columnGutter and several media query presets. There are 4 screen sizes defined for media queries:

• small (0em > width < 47em)
• medium (47em > width < 64em)
• large (64em > width < 90em)
• xLarge ('90em > width < 120em)
• xxLarge(120em > width < 99999999em)

For each size there are two media queries:

1. <size>Up: which allows you to style for viewports with a certain width (no upper limit). For example mediumUp allows you to style for screens larger then small.
2. <size>Only: allows you to style only for a certain size (matching the upper and lower limits for that size). It's recommended that you use the <size>Up media queries over these.

How to develop

Clone the repository and with yarn installed run:

yarn installl

Supported script commands:

Build

Build both the UMD flavour of the package (in the lib folder) and module flavour (in dist)

Lint

Runs eslint & flow as part of the linting process.

Prettier

Format the code with prettier