UniCSS Code

1. Variables

Write variables directly into the CSS-File like this:

$color: blue;
body {color: $color;}

You can use the following signs for variable-names: _a-zA-Z0-9

2. Unify

Write down just one CSS-Command for all possible browser-vendor-prefixes.

Example: “@opacity: 0.5;” is replaced with: -moz-opacity:0.5;…;opacity:0.5;

The following UniCSS is implemented:
@opacity: * ;
@box-shadow: * ;
@border-radius: * ;
@transition: * ;
@transform: * ;
@box-sizing: * ;
@column-count: * ;
@column-gap: * ;
background-color: * @rgba() *;
@rgb2hex(255,255,255)
@hex2rgb(#FFFFFF)
@base64(/path/image.png)
@math([10+10]/5)
@font-face(name, name.eot, name.ttf, [name.woff,…]);

(You’re missing something? Just ask me!)