LESS API
(→PageLines LESS) |
(→PageLines LESS) |
||
| (One intermediate revision by one user not shown) | |||
| Line 11: | Line 11: | ||
== PageLines LESS == | == PageLines LESS == | ||
| − | The default | + | The default constants: |
* @pl-base => ''#FFFFFF'' (white) | * @pl-base => ''#FFFFFF'' (white) | ||
* @pl-text => ''#000000'' (black) | * @pl-text => ''#000000'' (black) | ||
| Line 22: | Line 22: | ||
* @line-height => ''24px'' | * @line-height => ''24px'' | ||
| − | These are the default values, | + | These are the default values, you can use the <tt>filter</tt> [[pless_vars]] to over-write them. |
== Source Files == | == Source Files == | ||
Latest revision as of 00:41, 19 March 2012
Contents |
[edit] Introduction
LESS extends CSS with the use of dynamic "variables, mixins, operations, and functions".
Variables allow you to define widely used values in a single place. Then you are able to re-use them throughout the style sheet. Making global changes then becomes as easy as changing one line of code.
Mixins allow you take all of the properties of one class and simply include them as the class name in another class. It’s just like variables, but for whole classes.
Operations let you add, subtract, divide and multiply property values and colors, giving you the power to create complex relationships between properties.
Functions work in a one-to-one relationship with JavaScript and allow you to manipulate values however you want.
[edit] PageLines LESS
The default constants:
- @pl-base => #FFFFFF (white)
- @pl-text => #000000 (black)
- @pl-link => #225E9B (a shade of blue)
- @pl-header => #000000 (black)
- @pl-footer => #999999 (a shade of gray)
- @invert-dark => $this->invert()
- @invert-light => $this->invert('light')
- @font-size => 15px
- @line-height => 24px
These are the default values, you can use the filter pless_vars to over-write them.
[edit] Source Files
- The LESS Language Parser ../includes/less.functions.php
- The LESS CSS compiler ../includes/less.plugin.php