Object-oriented inspired composable LESS mixins. View the article on the blog: http://blog.lvl99.com

04-Example-of-instantiating-Toggleable-mixin.less

// Import and apply the Toggleable Mixin Class to a specific class
.toggleable {
  // Imports the mixin and its related mixins and variables
  .ui-lvl99-toggleable(@ns: ~"toggleable");
  // Initialise the default since we have no other modifications from the normal
  .-toggleable-init-default();
}

// Let's do a parametric modification since spans should be displayed using `inline` or `inline-block`
span.toggleable {
  .ui-lvl99-toggleable(@ns: ~"toggleable"; @-toggleable-display: ~"inline-block");
  .-toggleable-init-default();
}