less helpers – spacings

Above code will generate the following helper classes: (example for number 10)

 

SASS and LESS mixin for transitions

Better than pure CSS ist, to write LESS or SASS/SCSS.

Here are some mixins …

SCSS:

LESS:

 

less helper for responsive development

I use the following 2 mixins for responsive development (e.g. with bootstrap):

Example:

 

more semantic html with less and bootstrap

Classic Bootstrap:

More semantic version: