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)