Helpers

A couple of fancy helpers to help your development process.

Margin helpers

.m-{position}-{number}-{device*} Where position can be a,t,r,b,l (all, top, right, bottom, left), the number is number in pixels (from 0 to 150, in sequences by 5px), and a device (optional) can be: mobile, desktop, tablet, touch, desktop-only.
* optional

Padding helpers

.p-{position}-{number}-{device*} Where position can be a,t,r,b,l (all, top, right, bottom, left), the number is number in pixels (from 0 to 150, in sequences by 5px), and a device (optional) can be: mobile, desktop, tablet, touch, desktop-only.
* optional

Ellipsis single line

.is-ellipsis

Ellipsis multiline

.is-ellipsis-{number} a number in a range from 1 to 10

Border helper

.b-{position} Where position can be a,t,r,b,l (all, top, right, bottom, left)