Getting More with LESS! - Mixins!
2015-04-07 : 10:30
Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables (containers for storing variables), mixins (patterns of property value pairs, which can then be reused), functions and many other techniques that a developer to make CSS that is more maintainable, 'themable' and extendable.
Today we deal primarily with mixins and helpers that really really really make LESS Object Oriented.
You can learn more about LESS Mixins from: @lesscss.org Features - Mixins
Well... Because it is AWESOME! Plus Object Oriented Programming (OOP) is awesome. I wouldn't go into all the benefits of LESS as others have done so.
You can learn more about LESS from the source: @lesscss.org
While re-building PhilleepEdit, LESS was a no brainer (you really have to check it out to see) and as with most OOP Languages and Scripts, building helper classes or methods really goes a long way - especially when dealing with multiple browser vendors, also in the future should we decide to add or remove vendors, it would be easy. I am sure we could go a step further and create a 'vendor-loop' that would insert the prefixes, if you are able to do that, please reach out!
So, below are some helpers for your viewing and coding pleasure!
That's all folks... for now.