Cheatsheet

all.json

{
  "javascript": ["js-custom-properties"],
  "css": ["flexbox","css-grid"],
  "misc": ["lowercase","publish-tag"]
}

css-grid.md

Title	Description
Grid	Some helpers for css grid.

flexbox.md

Title	Description
Flexbox	What was it again? Horizontal is... well, here ya go

Align horizontal

flex-direction: row;

Align vertical

flex-direction: column;

Align center

justify-content: center;
align-items: center;

Align center horizontal

justify-content: center;

Align center vertical

align-items: center;

js-custom-properties.md

Title	Description
Custom Properties	Add or read custom properties

Set

element.style.setProperty(propertyName, value, priority);

Get

element.style.getProperty(propertyName);

Remove

element.style.removeProperty(propertyName);

lowercase.md

Title	Description
To Lowercase	There are so many ways to make a string lowercase, every language has its own function.

SCSS

to-lower-case($string);

JS

toLowerCase(string);

PHP

strtolower(string);

publish-tag.md

Title	Description
Publishing tagged versions	Publishing a version which could be for instance a "release candidate", "next", "beta", etc..To not directly destroy the master version.

In your package:

• Update package.json, set version to a prerelease version, e.g. 2.0.0-rc1, 3.1.5-rc4, ...
• Run npm pack to create package
• Run npm publish .tgz --tag next to publish the package under the next tag

In your project:

• Run npm install --save package@next to install prerelease package