Getting Started"
From Documentation
(Created page with "{{ZUSSReferencePageHeader}} ZUSS (ZK User-interface Style Sheet)<ref>ZUSS is inspired by [http://lesscss.org LESS] and [http://sass-lang.com/ SASS]. Unlike LESS and SASS, the pr...") |
|||
Line 1: | Line 1: | ||
{{ZUSSReferencePageHeader}} | {{ZUSSReferencePageHeader}} | ||
− | ZUSS (ZK User-interface Style Sheet) | + | =Overview= |
+ | ZUSS (ZK User-interface Style Sheet) is an extension to CSS. It is compatible with CSS, while allows to use variables, mixins, nested rules, expressions, and Java methods with existing CSS syntax. | ||
− | { | + | '''Variables''' |
+ | {| border='1px' | width="100%" | ||
+ | |- valign="top" | ||
+ | | | ||
+ | <source lang="CSS"> | ||
+ | @nice-blue: #5B83AD; | ||
+ | @light-blue: @nice-blue + #111; | ||
+ | @dark-orange: orange - #010203; | ||
+ | div.hilite { color: @light-blue;} | ||
+ | div.hilite2 { color: @dark-orange;} | ||
+ | </source> | ||
+ | | | ||
+ | <source lang="CSS"> | ||
+ | div.hilite { color: #6c94be;} | ||
+ | div.hilite2 { color: #fea300;} | ||
+ | </source> | ||
+ | |} | ||
+ | |||
+ | =Download= | ||
+ | |||
+ | =Servlet Usage= | ||
+ | |||
+ | =Command-line Usage= | ||
+ | |||
+ | =Java Usage= | ||
=Version History= | =Version History= | ||
{{LastUpdated}} | {{LastUpdated}} |
Revision as of 10:09, 11 November 2011
Overview
ZUSS (ZK User-interface Style Sheet) is an extension to CSS. It is compatible with CSS, while allows to use variables, mixins, nested rules, expressions, and Java methods with existing CSS syntax.
Variables
@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;
@dark-orange: orange - #010203;
div.hilite { color: @light-blue;}
div.hilite2 { color: @dark-orange;}
|
div.hilite { color: #6c94be;}
div.hilite2 { color: #fea300;}
|
Download
Servlet Usage
Command-line Usage
Java Usage
Version History
Version | Date | Content |
---|---|---|