Docs

LESS API

[edit] Please Note

These docs are now deprecated, we have a new Support area located here

(Difference between revisions)
(→Source Files)
(→PageLines LESS)
Line 12: Line 12:
 
== PageLines LESS ==
 
== PageLines LESS ==
 
The default variables (or constants):
 
The default variables (or constants):
−
* @pl-base => ''$this->base_color''
+
* @pl-base => ''#FFFFFF'' (white)
−
* @pl-text => ''pl_hashify( pl_text_color() )''
+
* @pl-text => ''#000000'' (black)
−
* @pl-link => ''pl_hashify( pl_link_color() )''
+
* @pl-link => ''#225E9B''
−
* @pl-header => ''pl_hashify( pl_header_color() )''
+
* @pl-header => ''#000000'' (black)
−
* @pl-footer => ''pl_hashify( pl_footer_color() )''
+
* @pl-footer => ''#999999''
 
* @invert-dark => ''$this->invert()''
 
* @invert-dark => ''$this->invert()''
 
* @invert-light => ''$this->invert('light')''
 
* @invert-light => ''$this->invert('light')''
−
* @font-size => ''$fontsize . 'px'''
+
* @font-size => ''15px'''
−
* @line-height => ''page_line_height($fontsize, $content_width) . 'px'''
+
* @line-height => ''24px'''
  
−
To over-ride the default LESS constants you can use the <tt>filter</tt> [[pless_vars]]
+
These are the default values, to over-ride the default LESS constants you can use the <tt>filter</tt> [[pless_vars]]
  
 
== Source Files ==
 
== Source Files ==

Revision as of 03:29, 18 March 2012

Contents

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.

PageLines LESS

The default variables (or constants):

  • @pl-base => #FFFFFF (white)
  • @pl-text => #000000 (black)
  • @pl-link => #225E9B
  • @pl-header => #000000 (black)
  • @pl-footer => #999999
  • @invert-dark => $this->invert()
  • @invert-light => $this->invert('light')
  • @font-size => 15px'
  • @line-height => 24px'

These are the default values, to over-ride the default LESS constants you can use the filter pless_vars

Source Files

External References

Retrieved from "http://www.pagelines.com/wiki/index.php?title=LESS_API&oldid=4885"