This small section's intent is to show you how well Play! 2 is integrated with the Web stack, especially the HTML styling.
Everyone who has worked with CSS knows that certain things are driving us crazy, such as the no-variable feature, the no-hierarchy feature, the vendor-specific boilerplates, duplication of code, and so on.
These problems are addressed by LESS, which is a richer way of defining styling rules through the use of the following:
Mixins: These are like a predefined set of properties that can be embedded in other rules. A mixin can also take arguments to change the value of these properties.
Variables, which are probably the worst lack in pure CSS.
Functions: These are JavaScript code and can be used to change how a rule or a value is defined. For example, using a dedicated function one could lighten a color or darken it, and much more.
Hierarchical definitions (avoiding "repeating yourself" in selectors): Rules can be embedded to mimic the hierarchy...