bachir/popsu-d7
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first import

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2015-04-08 11:40:19 +02:00
commit 1bc61b12ad
8435 changed files with 1582817 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
sites/all/libraries/lessphp/tests/ApiTest.php Normal file
View File

@@ -0,0 +1,189 @@
<?php
require_once __DIR__ . "/../lessc.inc.php";
class ApiTest extends PHPUnit_Framework_TestCase {
public function setUp() {
$this->less = new lessc();
$this->less->importDir = array(__DIR__ . "/inputs/test-imports");
}
public function testPreserveComments() {
$input = <<<EOD
// what is going on?
/** what the heck **/
/**
Here is a block comment
**/
// this is a comment
/*hello*/div /*yeah*/ { //surew
border: 1px solid red; // world
/* another property */
color: url('http://mage-page.com');
string: "hello /* this is not a comment */";
world: "// neither is this";
string: 'hello /* this is not a comment */' /*what if this is a comment */;
world: '// neither is this' // hell world;
;
what-ever: 100px;
background: url(/*this is not a comment?*/); // uhh what happens here
}
EOD;
$outputWithComments = <<<EOD
/** what the heck **/
/**
Here is a block comment
**/
/*hello*/
/*yeah*/
div /*yeah*/ {
/* another property */
border: 1px solid red;
color: url('http://mage-page.com');
string: "hello /* this is not a comment */";
world: "// neither is this";
/*what if this is a comment */
string: 'hello /* this is not a comment */';
world: '// neither is this';
what-ever: 100px;
/*this is not a comment?*/
background: url();
}
EOD;
$outputWithoutComments = <<<EOD
div {
border: 1px solid red;
color: url('http://mage-page.com');
string: "hello /* this is not a comment */";
world: "// neither is this";
string: 'hello /* this is not a comment */';
world: '// neither is this';
what-ever: 100px;
background: url(/*this is not a comment?*/);
}
EOD;
$this->assertEquals($this->compile($input), trim($outputWithoutComments));
$this->less->setPreserveComments(true);
$this->assertEquals($this->compile($input), trim($outputWithComments));
}
public function testOldInterface() {
$this->less = new lessc(__DIR__ . "/inputs/hi.less");
$out = $this->less->parse(array("hello" => "10px"));
$this->assertEquals(trim($out), trim('
div:before {
content: "hi!";
}'));
}
public function testInjectVars() {
$out = $this->less->parse(".magic { color: @color; width: @base - 200; }",
array(
'color' => 'red',
'base' => '960px'
));
$this->assertEquals(trim($out), trim("
.magic {
color: red;
width: 760px;
}"));
}
public function testDisableImport() {
$this->less->importDisabled = true;
$this->assertEquals(
"/* import disabled */",
$this->compile("@import 'file3';"));
}
public function testUserFunction() {
$this->less->registerFunction("add-two", function($list) {
list($a, $b) = $list[2];
return $a[1] + $b[1];
});
$this->assertEquals(
$this->compile("result: add-two(10, 20);"),
"result: 30;");
return $this->less;
}
/**
* @depends testUserFunction
*/
public function testUnregisterFunction($less) {
$less->unregisterFunction("add-two");
$this->assertEquals(
$this->compile("result: add-two(10, 20);"),
"result: add-two(10,20);");
}
public function testFormatters() {
$src = "
div, pre {
color: blue;
span, .big, hello.world {
height: 20px;
color:#ffffff + #000;
}
}";
$this->less->setFormatter("compressed");
$this->assertEquals(
$this->compile($src), "div,pre{color:blue;}div span,div .big,div hello.world,pre span,pre .big,pre hello.world{height:20px;color:#fff;}");
// TODO: fix the output order of tags
$this->less->setFormatter("lessjs");
$this->assertEquals(
$this->compile($src),
"div,
pre {
color: blue;
}
div span,
div .big,
div hello.world,
pre span,
pre .big,
pre hello.world {
height: 20px;
color: #ffffff;
}");
$this->less->setFormatter("classic");
$this->assertEquals(
$this->compile($src),
trim("div, pre { color:blue; }
div span, div .big, div hello.world, pre span, pre .big, pre hello.world {
height:20px;
color:#ffffff;
}
"));
}
public function compile($str) {
return trim($this->less->parse($str));
}
}

71
sites/all/libraries/lessphp/tests/InputTest.php Normal file
View File

@@ -0,0 +1,71 @@
<?php
require_once __DIR__ . "/../lessc.inc.php";
// Runs all the tests in inputs/ and compares their output to ouputs/
function _dump($value) {
fwrite(STDOUT, print_r($value, true));
}
function _quote($str) {
return preg_quote($str, "/");
}
class InputTest extends PHPUnit_Framework_TestCase {
protected static $inputDir = "inputs";
protected static $outputDir = "outputs";
public function setUp() {
$this->less = new lessc();
$this->less->importDir = array(__DIR__ . "/" . self::$inputDir . "/test-imports");
}
/**
* @dataProvider fileNameProvider
*/
public function testInputFile($inFname) {
if ($pattern = getenv("BUILD")) {
return $this->buildInput($inFname);
}
$outFname = self::outputNameFor($inFname);
if (!is_readable($outFname)) {
$this->fail("$outFname is missing, ".
"consider building tests with BUILD=true");
}
$input = file_get_contents($inFname);
$output = file_get_contents($outFname);
$this->assertEquals($output, $this->less->parse($input));
}
public function fileNameProvider() {
return array_map(function($a) { return array($a); },
self::findInputNames());
}
// only run when env is set
public function buildInput($inFname) {
$css = $this->less->parse(file_get_contents($inFname));
file_put_contents(self::outputNameFor($inFname), $css);
}
static public function findInputNames($pattern="*.less") {
$files = glob(__DIR__ . "/" . self::$inputDir . "/" . $pattern);
return array_filter($files, "is_file");
}
static public function outputNameFor($input) {
$front = _quote(__DIR__ . "/");
$out = preg_replace("/^$front/", "", $input);
$in = _quote(self::$inputDir . "/");
$out = preg_replace("/$in/", self::$outputDir . "/", $out);
$out = preg_replace("/.less$/", ".css", $out);
return __DIR__ . "/" . $out;
}
}

13
sites/all/libraries/lessphp/tests/README.md Normal file
View File

@@ -0,0 +1,13 @@
lessphp uses [phpunit](https://github.com/sebastianbergmann/phpunit/) for it's tests
`InputTest.php` iterates through all the less files in `inputs/`, compiles them,
then compares the result with the respective file in `outputs/`.
From the root you can run `make` to run all the tests.
## bootstrap.sh
Clones twitter bootsrap, compiles it with lessc and lessphp, cleans up results
with sort.php, and outputs diff. To run it, you need to have git and lessc
installed.

38
sites/all/libraries/lessphp/tests/bootstrap.sh Normal file
View File

@@ -0,0 +1,38 @@
#!/bin/sh
echo "This script clones Twitter Bootstrap, compiles it with lessc and lessphp,"
echo "cleans up results with sort.php, and outputs diff. To run it, you need to"
echo "have git and lessc installed."
echo ""
if [ -z "$input" ]; then
input="bootstrap/less/bootstrap.less"
fi
dest=$(basename "$input")
dest="${dest%.*}"
if [ -z "$@" ]; then
diff_tool="diff -b -u -t -B"
else
diff_tool=$@
fi
mkdir -p tmp
if [ ! -d 'bootstrap/' ]; then
echo ">> Cloning bootstrap to bootstrap/"
git clone https://github.com/twitter/bootstrap
fi
echo ">> lessc compilation ($input)"
lessc "$input" "tmp/$dest.lessc.css"
echo ">> lessphp compilation ($input)"
../plessc "$input" "tmp/$dest.lessphp.css"
echo ">> Cleanup and convert"
php sort.php "tmp/$dest.lessc.css" > "tmp/$dest.lessc.clean.css"
php sort.php "tmp/$dest.lessphp.css" > "tmp/$dest.lessphp.clean.css"
echo ">> Doing diff"
$diff_tool "tmp/$dest.lessc.clean.css" "tmp/$dest.lessphp.clean.css"

36
sites/all/libraries/lessphp/tests/inputs/accessors.less.disable Normal file
View File

@@ -0,0 +1,36 @@
/* accessors */
#defaults {
@width: 960px;
@color: black;
.something {
@space: 10px;
@hello {
color: green;
}
}
}
.article { color: #294366; }
.comment {
width: #defaults[@width];
color: .article['color'];
padding: #defaults > .something[@space];
}
.wow {
height: .comment['width'];
background-color: .comment['color'];
color: #defaults > .something > @hello['color'];
padding: #defaults > non-existant['padding'];
margin: #defaults > .something['non-existant'];
}
.mix {
#defaults;
font-size: .something[@space];
}

77
sites/all/libraries/lessphp/tests/inputs/arity.less Normal file
View File

@@ -0,0 +1,77 @@
// simple arity
.hello(@a) {
color: one;
}
.hello(@a, @b) {
color: two;
}
.hello(@a, @b, @c) {
color: three;
}
.world(@a, @b, @c) {
color: three;
}
.world(@a, @b) {
color: two;
}
.world(@a) {
color: one;
}
.one {
.hello(1);
.world(1);
}
.two {
.hello(1, 1);
.world(1, 1);
}
.three {
.hello(1, 1, 1);
.world(1, 1, 1);
}
// arity with default values
.foo(@a, @b: cool) {
color: two;
}
.foo(@a, @b: cool, @c: yeah) {
color: three;
}
.baz(@a, @b, @c: yeah) {
color: three;
}
.baz(@a, @b: cool) {
color: two;
}
.multi-foo {
.foo(1);
.foo(1, 1);
.foo(1,1,1);
}
.multi-baz {
.baz(1);
.baz(1, 1);
.baz(1,1,1);
}

41
sites/all/libraries/lessphp/tests/inputs/attributes.less Normal file
View File

@@ -0,0 +1,41 @@
* { color: blue; }
E { color: blue; }
E[foo] { color: blue; }
[foo] { color: blue; }
[foo] .helloWorld { color: blue; }
[foo].helloWorld { color: blue; }
E[foo="barbar"] { color: blue; }
E[foo~="hello#$@%@$#^"] { color: blue; }
E[foo^="color: green;"] { color: blue; }
E[foo$="239023"] { color: blue; }
E[foo*="29302"] { color: blue; }
E[foo|="239032"] { color: blue; }
E:root { color: blue; }
E:nth-child(odd) { color: blue; }
E:nth-child(2n+1) { color: blue; }
E:nth-child(5) { color: blue; }
E:nth-last-child(-n+2) { color: blue; }
E:nth-of-type(2n) { color: blue; }
E:nth-last-of-type(n) { color: blue; }
E:first-child { color: blue; }
E:last-child { color: blue; }
E:first-of-type { color: blue; }
E:last-of-type { color: blue; }
E:only-child { color: blue; }
E:only-of-type { color: blue; }
E:empty { color: blue; }
E:lang(en) { color: blue; }
E::first-line { color: blue; }
E::before { color: blue; }
E#id { color: blue; }
E:not(:link) { color: blue; }
E F { color: blue; }
E > F { color: blue; }
E + F { color: blue; }
E ~ F { color: blue; }

65
sites/all/libraries/lessphp/tests/inputs/builtins.less Normal file
View File

@@ -0,0 +1,65 @@
// builtin
@something: "hello world";
@color: #112233;
@color2: rgba(44,55,66, .6);
body {
color: @something;
@num: 7 / 6;
height: @num + 4;
height: floor(@num) + 4px;
height: ceil(@num) + 4px;
@num2: 2 / 3;
width: @num2;
width: round(@num2);
width: floor(@num2);
width: ceil(@num2);
width: round(10px / 3);
color: rgbahex(@color);
color: rgbahex(@color2);
color: argb(@color2);
}
format {
@r: 32;
format: %("rgb(%d, %d, %d)", @r, 128, 64);
format-string: %("hello %s", "world");
format-multiple: %("hello %s %d", "earth", 2);
format-url-encode: %('red is %A', #ff0000);
eformat: e(%("rgb(%d, %d, %d)", @r, 128, 64));
}
#functions {
str: isstring("hello");
str: isstring(one, two);
num: isnumber(2323px);
num: isnumber(2323);
num: isnumber(4/5);
num: isnumber("hello");
col: iscolor(red);
col: iscolor(hello);
col: iscolor(rgba(0,0,0,0.3));
col: iscolor(#fff);
key: iskeyword(hello);
key: iskeyword(3D);
px: ispixel(10px);
px: ispixel(10);
per: ispercentage(10%);
per: ispercentage(10);
em: isem(10em);
em: isem(10);
}

139
sites/all/libraries/lessphp/tests/inputs/colors.less Normal file
View File

@@ -0,0 +1,139 @@
body {
color: hsl(34, 50%, 40%);
color: hsla(34, 50%, 40%, 0.3);
lighten: lighten(#efefef, 10%);
lighten: lighten(rgb(23, 53, 231), 22%);
lighten: lighten(rgba(212, 103, 88, 0.5), 10%);
darken: darken(#efefef, 10%);
darken: darken(rgb(23, 53, 231), 22%);
darken: darken(rgba(23, 53, 231, 0.5), 10%);
saturate: saturate(#efefef, 10%);
saturate: saturate(rgb(23, 53, 231), 22%);
saturate: saturate(rgba(23, 53, 231, 0.5), 10%);
desaturate: desaturate(#efefef, 10%);
desaturate: desaturate(rgb(23, 53, 231), 22%);
desaturate: desaturate(rgba(23, 53, 231, 0.5), 10%);
spin: spin(#efefef, 12);
spin: spin(rgb(23, 53, 231), 15);
spin: spin(rgba(23, 53, 231, 0.5), 19);
spin: spin(#efefef, -12);
spin: spin(rgb(23, 53, 231), -15);
spin: spin(rgba(23, 53, 231, 0.5), -19);
one: fadein(#abcdef, 10%);
one: fadeout(#abcdef, -10%);
two: fadeout(#029f23, 10%);
two: fadein(#029f23, -10%);
three: fadein(rgba(1,2,3, 0.5), 10%);
three: fadeout(rgba(1,2,3, 0.5), -10%);
four: fadeout(rgba(1,2,3, 0), 10%);
four: fadein(rgba(1,2,3, 0), -10%);
hue: hue(rgb(34,20,40));
sat: saturation(rgb(34,20,40));
lit: lightness(rgb(34,20,40));
@old: #34fa03;
@new: hsl(hue(@old), 45%, 90%);
what: @new;
zero: saturate(#123456, -100%);
zero: saturate(#123456, 100%);
zero: saturate(#000000, 100%);
zero: saturate(#ffffff, 100%);
zero: lighten(#123456, -100%);
zero: lighten(#123456, 100%);
zero: lighten(#000000, 100%);
zero: lighten(#ffffff, 100%);
zero: spin(#123456, -100);
zero: spin(#123456, 100);
zero: spin(#000000, 100);
zero: spin(#ffffff, 100);
}
alpha {
// g: alpha(red);
g: alpha(rgba(0,0,0,0));
g: alpha(rgb(155,55,0));
}
fade {
f: fade(red, 50%);
f: fade(#fff, 20%);
f: fade(rgba(34,23,64,0.4), 50%);
}
@a: rgb(255,255,255);
@b: rgb(0,0,0);
.mix {
color: mix(@a, @b, 50%);
color: mix(rgba(5,3,1,0.3), rgba(6,3,2, 0.8), 50%);
}
.percent {
per: percentage(0.5);
}
// color keywords
.colorz {
color: whitesmoke - 10;
color: spin(red, 34);
color: spin(blah);
}
// purposfuly whacky to match less.js
@color: #fcf8e3;
body {
start: @color;
spin: spin(@color, -10); // #fcf4e3
chained: darken(spin(@color, -10), 3%); // gives #fbeed5, should be #fbefd5
direct: darken(#fcf4e3, 3%); // #fbefd5
}
// spin around
pre {
@errorBackground: #f2dede;
spin: spin(@errorBackground, -10);
}
dd {
@white: #fff;
background-color: mix(@white, darken(@white, 10%), 60%);
}
// math
.ops {
c: red * 0.3;
c: green / 2;
c: purple % 7;
c: 4 * salmon;
c: 1 + salmon;
c: 132 / red;
c: 132 - red;
c: 132- red;
}

39
sites/all/libraries/lessphp/tests/inputs/compile_on_mixin.less Normal file
View File

@@ -0,0 +1,39 @@
@mixin {
height: 22px;
ul {
height: 20px;
li {
@color: red;
height: 10px;
div span, link {
margin: 10px;
color: @color;
}
}
div, p {
border: 1px;
&.hello {
color: green;
}
:what {
color: blue;
}
}
a {
b {
color: blue;
}
}
}
}
body {
@mixin;
}

15
sites/all/libraries/lessphp/tests/inputs/directives.less Normal file
View File

@@ -0,0 +1,15 @@
@hello: "utf-8";
@charset @hello;
@-moz-document url-prefix(){
div {
color: red;
}
}
@page :left { margin-left: 4cm; }
@page :right { margin-left: 3cm; }
@page { margin: 2cm }

20
sites/all/libraries/lessphp/tests/inputs/escape.less Normal file
View File

@@ -0,0 +1,20 @@
body {
@hello: "world";
border: e("this is simple");
border: e(this is simple); // bug in lessjs
border: e("this is simple", "cool lad");
border: e(1232);
border: e(@hello);
border: e("one" + 'more'); // no string addition lessjs
border: e(); // syntax error lessjs
line-height: ~"eating rice";
line-height: ~"string cheese";
line-height: a b c ~"string me" d e f;
line-height: ~"string @{hello}";
}
.class {
filter: ~"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png')";
}

28
sites/all/libraries/lessphp/tests/inputs/font_family.less Normal file
View File

@@ -0,0 +1,28 @@
@font-directory: 'fonts/';
@some-family: Gentium;
@font-face: maroon; // won't collide with @font-face { }
@font-face {
font-family: Graublau Sans Web;
src: url(@{font-directory}GraublauWeb.otf) format("opentype");
}
@font-face {
font-family: @some-family;
src: url('@{font-directory}Gentium.ttf');
}
@font-face {
font-family: @some-family;
src: url("@{font-directory}GentiumItalic.ttf");
font-style: italic;
}
h2 {
font-family: @some-family;
crazy: @font-face;
}

88
sites/all/libraries/lessphp/tests/inputs/guards.less Normal file
View File

@@ -0,0 +1,88 @@
.simple(@hi) when (@hi) {
color: yellow;
}
.something(@hi) when (@hi = cool) {
color: red;
}
.another(@x) when (@x > 10) {
color: green;
}
.flipped(@x) when (@x =< 10) {
color: teal;
}
.yeah(@arg) when (isnumber(@arg)) {
color: purple;
}
.yeah(@arg) when (ispixel(@arg)) {
color: silver;
}
.hello(@arg) when not (@arg) {
color: orange;
}
dd {
.simple(true);
.simple(2344px);
}
b {
.something(cool);
.something(birthday);
}
img {
.another(12);
.another(2);
.flipped(12);
.flipped(2);
}
body {
.yeah("world");
.yeah(232px);
.yeah(232);
.hello(true);
}
.something(@x) when (@x) and (@y), not (@x = what) {
color: blue;
}
div {
@y: true;
.something(true);
}
pre {
.something(what);
}
.coloras(@g) when (iscolor(@g)) {
color: true @g;
}
link {
.coloras(red);
.coloras(10px);
.coloras(ffjref);
.coloras(#fff);
.coloras(#fffddd);
.coloras(rgb(0,0,0));
.coloras(rgba(0,0,0, .34));
}

6
sites/all/libraries/lessphp/tests/inputs/hacks.less Normal file
View File

@@ -0,0 +1,6 @@
// css hacks
:root .alert-message, :root .btn {
border-radius: 0 \0;
}

5
sites/all/libraries/lessphp/tests/inputs/hi.less Normal file
View File

@@ -0,0 +1,5 @@
div:before {
content: "hi!";
}

12
sites/all/libraries/lessphp/tests/inputs/ie.less Normal file
View File

@@ -0,0 +1,12 @@
foo {
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000);
}
foo {
filter: alpha(opacity=20);
filter: alpha(opacity=20, enabled=true);
filter: blaznicate(foo=bar, baz=bang bip, bart=#fa4600);
}

56
sites/all/libraries/lessphp/tests/inputs/import.less vendored Normal file
View File

@@ -0,0 +1,56 @@
@import 'file1.less'; // file found and imported
@import "not-found";
@import "something.css" media;
@import url("something.css") media;
@import url(something.css) media, screen, print;
@color: maroon;
@import url(file2); // found and imported
body {
line-height: 10em;
@colors;
}
div {
@color: fuchsia;
@import "file2";
}
.mixin-import() {
@import "file3";
}
.one {
.mixin-import();
color: blue;
}
.two {
.mixin-import();
}
#merge-import-mixins {
@import "a";
@import "b";
div { .just-a-class; }
}
@import "inner/file1";
// test bubbling variables up from imports, while preserving order
pre {
color: @someValue;
}
@import "file3";

52
sites/all/libraries/lessphp/tests/inputs/keyframes.less Normal file
View File

@@ -0,0 +1,52 @@
@keyframes 'bounce' {
from {
top: 100px;
animation-timing-function: ease-out;
}
25% {
top: 50px;
animation-timing-function: ease-in;
}
50% {
top: 100px;
animation-timing-function: ease-out;
}
75% {
top: 75px;
animation-timing-function: ease-in;
}
to {
top: 100px;
}
}
@-webkit-keyframes flowouttoleft {
0% { -webkit-transform: translateX(0) scale(1); }
60%, 70% { -webkit-transform: translateX(0) scale(.7); }
100% { -webkit-transform: translateX(-100%) scale(.7); }
}
div {
animation-name: 'diagonal-slide';
animation-duration: 5s;
animation-iteration-count: 10;
}
@keyframes 'diagonal-slide' {
from {
left: 0;
top: 0;
}
to {
left: 100px;
top: 100px;
}
}

121
sites/all/libraries/lessphp/tests/inputs/math.less Normal file
View File

@@ -0,0 +1,121 @@
.unary {
// all operators are parsable as unary operators, anything
// but - throws an error right now though,
// this gives two numbers
sub: 10 -5;
// add: 10 +5; // error
// div: 10 /5; // error
// mul: 10 *5; // error
}
.spaces {
// we can make the parser do math by leaving out the
// space after the first value, or putting spaces on both sides
sub: 10-5;
sub: 10 - 5;
add: 10+5;
add: 10 + 5;
// div: 10/5; // this wont work, read on
div: 10 / 5;
mul: 10*5;
mul: 10 * 5;
}
// these properties have divison not in parenthases
.supress-division {
border-radius: 10px / 10px;
border-radius: 10px/10px;
border-radius: hello (10px/10px) world;
@x: 10px;
font: @x/30 sans-serif;
font: 10px / 20px sans-serif;
font: 10px/20px sans-serif;
border-radius:0 15px 15px 15px / 0 50% 50% 50%;
}
.parens {
// if you are unsure, then just wrap the expression in parentheses and it will
// always evaluate.
// notice we no longer have unary operators, and these will evaluate
sub: (10 -5);
add: (10 +5);
div: (10 /5);
div: (10/5); // no longer interpreted as the shorthand
mul: (10 *5);
}
.keyword-names {
// watch out when doing math with keywords, - is a valid keyword character
@a: 100;
@b: 25;
@a-: "hello";
height: @a-@b; // here we get "hello" 25, not 75
}
.negation {
hello: -(1px);
hello: 0-(1px);
@something: 10;
hello: -@something;
}
// and now here are the tests
.test {
single: (5);
single: 5+(5);
single: (5)+((5));
parens: (5 +(5)) -2;
// parens: ((5 +(5)) -2); // FAILS - fixme
math: (5 + 5)*(2 / 1);
math: (5+5)*(2/1);
width: 2 * (4 * (2 + (1 + 6))) - 1;
height: ((2+3)*(2+3) / (9-4)) + 1;
padding: (2px + 4px) 1em 2px 2;
@var: (2 * 2);
padding: (2 * @var) 4 4 (@var * 1px);
width: (@var * @var) * 6;
height: (7 * 7) + (8 * 8);
margin: 4 * (5 + 5) / 2 - (@var * 2);
}
.percents {
color: 100 * 10%;
color: 10% * 100;
color: 10% * 10%;
color: 100px * 10%; // lessjs makes this px
color: 10% * 100px; // lessjs makes this %
color: 20% + 10%;
color: 20% - 10%;
color: 20% / 10%;
}
.misc {
x: 10px * 4em;
y: 10 * 4em;
}
.cond {
y: 10 < 10;
y: 10 >= 10;
}

64
sites/all/libraries/lessphp/tests/inputs/media.less Normal file
View File

@@ -0,0 +1,64 @@
@media screen, 3D {
P { color: green; }
}
@media print {
body { font-size: 10pt }
}
@media screen {
body { font-size: 13px }
}
@media screen, print {
body { line-height: 1.2 }
}
@media all and (min-width: 0px) {
body { line-height: 1.2 }
}
@media all and (min-width: 0) {
body { line-height: 1.2 }
}
@media
screen and (min-width: 102.5em) and (max-width: 117.9375em),
screen and (min-width: 150em) {
body { color: blue }
}
@media screen and (min-height: 100px + 10px) {
body { color: red; }
}
@cool: 100px;
@media screen and (height: @cool) and (width: @cool + 10), (size: @cool + 20) {
body { color: red; }
}
// media bubbling
@media test {
div {
height: 20px;
@media (hello) {
color: red;
pre {
color: orange;
}
}
}
}
// should not cross boundary
@media yeah {
@page {
@media cool {
color: red;
}
}
}

93
sites/all/libraries/lessphp/tests/inputs/misc.less Normal file
View File

@@ -0,0 +1,93 @@
@color: #fff;
@base_path: "/assets/images/";
@images: @base_path + "test/";
.topbar { background: url(@{images}topbar.png); }
.hello { test: empty-function(@images, 40%, to(@color)); }
.css3 {
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%,
from(#E9A000), to(#A37000));
}
/**
Here is a block comment
**/
// this is a comment
.test, /*hello*/.world {
border: 1px solid red; // world
/* another property */
color: url(http://mage-page.com);
string: "hello /* this is not a comment */";
world: "// neither is this";
string: 'hello /* this is not a comment */' /*what if this is a comment */;
world: '// neither is this' // hell world;
;
what-/*something?*/ever: 100px;
background: url(/*no comment here*/);
}
.urls {
@var: "http://google.com";
background: url(@var);
background: url(@{var});
background: url("@{var}");
}
.mix(@arg) { color: @arg; }
@aaa: aaa;
@bbb: bbb;
// make sure the opening selector isn't too greedy
.cool {.mix("@{aaa}, @{bbb}")}
.cool();
.cool("{hello");
.cool('{hello');
// merging of mixins
.span-17 { float: left; }
.span-17 { width: 660px; }
.x {.span-17;}
.hi {
pre {
color: red;
}
}
.hi {
pre {
color: blue;
}
}
.rad {
.hi;
}
hello {
numbers: 1.0 0.1 .1 1.;
numbers: 1.0s 0.1s .1s 1.s;
numbers: -1.0s -0.1s -.1s -1.s;
numbers: -1.0 -0.1 -.1 -1.;
}
#string {
hello: 'what\'s going on here';
hello: 'blah blag @{ blah blah';
join: 3434 + "hello";
join: 3434 + hello;
}

40
sites/all/libraries/lessphp/tests/inputs/mixin_functions.less Normal file
View File

@@ -0,0 +1,40 @@
@outer: 10px;
@class(@var:22px, @car: 400px + @outer) {
margin: @var;
height: @car;
}
@group {
@f(@color) {
color: @color;
}
.cool {
border-bottom: 1px solid green;
}
}
.class(@width:200px) {
padding: @width;
}
body {
.class(2.0em);
@group > @f(red);
@class(10px, 10px + 2);
@group > .cool;
}
@lots(@a: 10px, @b: 20px, @c: 30px, @d: 40px, @e: 4px, @f:3px, @g:2px, @h: 1px) {
padding: @a @b @c @d;
margin: @e @f @g @h;
}
.skip_args {
@class(,12px);
@lots(,,,88px,,12px);
@group > @f(red,,,,);
@group > @f(red);
}

100
sites/all/libraries/lessphp/tests/inputs/mixin_merging.less.disable Normal file
View File

@@ -0,0 +1,100 @@
@tester {
p, div { height: 10px; }
}
#test1 {
div { color: red; }
@tester;
}
@cool {
a,b,i { width: 1px; }
}
#test2 {
b { color: red; }
@cool;
}
#test3 {
@cool;
b { color: red; }
}
@cooler {
a { margin: 1px; }
}
#test4 {
a, div, html { color: blue; }
@cooler;
}
@hi {
img, strong { float: right; }
}
#test5 {
img, strong { padding: 2px; }
@hi;
}
@nested {
div, span {
a {
color: red;
}
}
}
#test6 {
div, span {
a {
line-height: 10px;
}
}
@nested;
}
@broken-nesting {
div, span {
strong, b {
color: red;
}
}
}
#test7 {
div {
strong {
margin: 1px;
}
}
@broken-nesting;
}
@another-nest {
a,b {
i {
color: red;
}
s {
color: blue;
}
}
}
#test8 {
a, b {
i,s {
background: red;
}
}
@another-nest;
}

159
sites/all/libraries/lessphp/tests/inputs/mixins.less Normal file
View File

@@ -0,0 +1,159 @@
@rounded-corners {
border-radius: 10px;
}
.bold {
@font-size: 20px;
font-size: @font-size;
font-weight: bold;
}
body #window {
@rounded-corners;
.bold;
line-height: @font-size * 1.5;
}
#bundle {
.button {
display: block;
border: 1px solid black;
background-color: grey;
&:hover { background-color: white }
}
}
#header a {
color: orange;
#bundle > .button; // mixin the button class
}
div {
@abstract {
hello: world;
b {
color: blue;
}
}
@abstract > b;
@abstract;
}
@poop {
big: baby;
}
body {
div;
}
// not using > to list mixins
.hello {
.world {
color: blue;
}
}
.foobar {
.hello .world;
}
.butter {
.this .one .isnt .found;
}
// arguments
.spam(@something: 100, @dad: land) {
@wow: 23434;
foo: @arguments;
bar: @arguments;
}
.eggs {
.spam(1px, 2px);
.spam();
}
.first(@one, @two, @three, @four: cool) {
cool: @arguments;
}
#hello {
.first(one, two, three);
}
#hello-important {
.first(one, two, three) !important;
}
.rad(@name) {
cool: @arguments;
}
#world {
@hello: "world";
.rad("@{hello}");
}
.second(@x, @y:skip, @z: me) {
things: @arguments;
}
#another {
.second(red, blue, green);
.second(red blue green);
}
.another(@x, @y:skip, @z:me) {
.cool {
color: @arguments;
}
}
#day {
.another(one,two, three);
.another(one two three);
}
.to-be-important() {
color: red;
@color: red;
height: 20px;
pre {
color: @color;
}
}
.mix-suffix {
.to-be-important() !important;
}
#search-all {
.red() {
color:#f00 !important;
}
}
#search-all {
.green() {
color: #0f0 !important;
}
}
.search-test {
#search-all > .red();
#search-all > .green();
}

60
sites/all/libraries/lessphp/tests/inputs/nested.less Normal file
View File

@@ -0,0 +1,60 @@
#header {
color: black;
.navigation {
font-size: 12px;
.border {
.outside {
color: blue;
}
}
}
.logo {
width: 300px;
&:hover { text-decoration: none }
}
}
a { b { ul { li { color: green; } } } }
this { will { not { show { } } } }
.cool {
div & { color: green; }
p & span { color: yellow; }
}
another {
.cool;
}
b {
& .something {
color: blue;
}
&.something {
color: blue;
}
}
.foo {
.bar, .baz {
& .qux {
display: block;
}
.qux & {
display: inline;
}
.qux & .biz {
display: none;
}
}
}
b {
hello [x="&yeah"] {
color: red;
}
}

167
sites/all/libraries/lessphp/tests/inputs/pattern_matching.less Normal file
View File

@@ -0,0 +1,167 @@
.demo (light, @color) {
color: lighten(@color, 10%);
}
.demo (@_, @color) {
display: block;
}
@switch: light;
.class {
.demo(@switch, #888);
}
// by arity
.mixin () {
zero: 0;
}
.mixin (@a: 1px) {
one: 1;
}
.mixin (@a) {
one-req: 1;
}
.mixin (@a: 1px, @b: 2px) {
two: 2;
}
.mixin (@a, @b, @c) {
three-req: 3;
}
.mixin (@a: 1px, @b: 2px, @c: 3px) {
three: 3;
}
.zero {
.mixin();
}
.one {
.mixin(1);
}
.two {
.mixin(1, 2);
}
.three {
.mixin(1, 2, 3);
}
//
.mixout ('left') {
left: 1;
}
.mixout ('right') {
right: 1;
}
.left {
.mixout('left');
}
.right {
.mixout('right');
}
//
.border (@side, @width) {
color: black;
.border-side(@side, @width);
}
.border-side (left, @w) {
border-left: @w;
}
.border-side (right, @w) {
border-right: @w;
}
.border-right {
.border(right, 4px);
}
.border-left {
.border(left, 4px);
}
//
.border-radius (@r) {
both: @r * 10;
}
.border-radius (@r, left) {
left: @r;
}
.border-radius (@r, right) {
right: @r;
}
.only-right {
.border-radius(33, right);
}
.only-left {
.border-radius(33, left);
}
.left-right {
.border-radius(33);
}
.hola(hello, @hello...) {
color: blue;
}
#hola {
.hola(hello, world);
.hola(jello, world);
}
.resty(@hello, @world, @the_rest...) {
padding: @hello @world;
rest: @the_rest;
}
#nnn {
.body(10, 10, 10, 10, 10);
.body(10, 10, 10);
.body(10, 10);
.body(10);
.body();
}
.defaults(@aa, @bb:e343, @cc: "heah", ...) {
height: @aa;
}
#defaults_1 {
.defaults();
.defaults(one);
.defaults(two, one);
.defaults(three, two, one);
.defaults(four, three, two, one);
}
.thing() { color: green; }
.thing(...) { color: blue; }
.thing { color: red; }
#aa {
.thing();
}
#bb {
.thing;
}
#cc {
.thing(1);
}

40
sites/all/libraries/lessphp/tests/inputs/scopes.less Normal file
View File

@@ -0,0 +1,40 @@
@a: 10;
@some {
@b: @a + 10;
div {
@c: @b + 10;
other {
@d: @c + 10;
world {
@e: @d + 10;
height: @e;
}
}
}
}
body {
@some;
}
@some;
.test(@x: 10) {
height: @x;
.test(@y: 11) {
height: @y;
.test(@z: 12) {
height: @z;
}
.test;
}
.test;
}
pre {
.test;
}

29
sites/all/libraries/lessphp/tests/inputs/selector_expressions.less Normal file
View File

@@ -0,0 +1,29 @@
@color: blue;
(~"something @{color}"), world {
color: blue;
}
.div {
@color: red;
(3434) {
height: 100px;
}
(~"cool @{color}") {
height: 4000px;
}
}
.heck(@a) { color: @a+10 }
.spanX (@index) when (@index > 0) {
(~".span@{index}") { .heck(@index) }
.spanX(@index - 1);
}
.spanX (0) {}
.spanX (5);

120
sites/all/libraries/lessphp/tests/inputs/site_demos.less Normal file
View File

@@ -0,0 +1,120 @@
// these are the demos from the lessphp homepage
default {
@base: 24px;
@border-color: #B2B;
.underline { border-bottom: 1px solid green }
#header {
color: black;
border: 1px solid @border-color + #222222;
.navigation {
font-size: @base / 2;
a {
.underline;
}
}
.logo {
width: 300px;
&:hover { text-decoration: none }
}
}
}
variables {
@a: 2;
@x: @a * @a;
@y: @x + 1;
@z: @x * 2 + @y;
@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;
@b: @a * 10;
@c: #888;
@fonts: "Trebuchet MS", Verdana, sans-serif;
.variables {
width: @z + 1cm; // 14cm
height: @b + @x + 0px; // 24px
color: @c;
background: @light-blue;
font-family: @fonts;
}
}
mixins {
.bordered {
border-top: dotted 1px black;
border-bottom: solid 2px black;
}
#menu a {
color: #111;
.bordered;
}
.post a {
color: red;
.bordered;
}
}
nested-rules {
#header {
color: black;
.navigation {
font-size: 12px;
}
.logo {
width: 300px;
&:hover { text-decoration: none }
}
}
}
namespaces {
#bundle {
.button {
display: block;
border: 1px solid black;
background-color: grey;
&:hover { background-color: white }
}
}
#header a {
color: orange;
#bundle > .button; // mixin the button class
}
}
mixin-functions {
@outer: 10px;
@class(@var:22px, @car: 400px + @outer) {
margin: @var;
height: @car;
}
@group {
@f(@color) {
color: @color;
}
.cool {
border-bottom: 1px solid green;
}
}
.class(@width:200px) {
padding: @width;
}
body {
.class(2.0em);
@group > @f(red);
@class(10px, 10px + 2);
@group > .cool;
}
}

6
sites/all/libraries/lessphp/tests/inputs/test-imports/a.less Normal file
View File

@@ -0,0 +1,6 @@
.just-a-class { background: red; }
.some-mixin() {
height: 200px;
}

12
sites/all/libraries/lessphp/tests/inputs/test-imports/b.less Normal file
View File

@@ -0,0 +1,12 @@
.just-a-class { background: blue; }
.hello {
.some-mixin();
}
@media cool {
color: red;
.some-mixin();
}

16
sites/all/libraries/lessphp/tests/inputs/test-imports/file1.less Normal file
View File

@@ -0,0 +1,16 @@
/**
* This is a test import file
*/
@colors {
div.bright {
color: red;
}
div.sad {
color: blue;
}
}

6
sites/all/libraries/lessphp/tests/inputs/test-imports/file2.less Normal file
View File

@@ -0,0 +1,6 @@
b {
color: @color;
padding: 16px;
}

7
sites/all/libraries/lessphp/tests/inputs/test-imports/file3.less Normal file
View File

@@ -0,0 +1,7 @@
h2 {
background: url("../images/logo.png") no-repeat;
}
@someValue: hello-from-file-3;

6
sites/all/libraries/lessphp/tests/inputs/test-imports/inner/file1.less Normal file
View File

@@ -0,0 +1,6 @@
.inner {
content: "inner/file1.less"
}
@import "file2"; // should get the one in inner

4
sites/all/libraries/lessphp/tests/inputs/test-imports/inner/file2.less Normal file
View File

@@ -0,0 +1,4 @@
.inner {
content: "inner/file2.less"
}

45
sites/all/libraries/lessphp/tests/inputs/variables.less Normal file
View File

@@ -0,0 +1,45 @@
@a: 2;
@x: @a * @a;
@y: @x + 1;
@z: @y + @x * 2;
@m: @z % @y;
@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;
@rgb-color: rgb(20%, 15%, 80%);
@rgba-color: rgba(23,68,149,0.5);
@b: @a * 10px;
@c: #888;
@fonts: "Trebuchet MS", Verdana, sans-serif;
.variables {
width: @z + 1cm; // 14cm
height: @b + @x + 0px; // 24px
margin-top: -@b; // -20px
margin-bottom: 10 - -@b; // 30px
@d: @c + #001;
color: @d;
background: @light-blue;
font-family: @fonts;
margin: @m + 0px; // 3px
font: 10px/12px serif;
font: 120%/120% serif;
}
.external {
color: @c;
border: 1px solid @rgb-color;
background: @rgba-color;
padding: @nonexistant + 4px;
}
@hello: 44px;
@something: "hello";
@cool: something;
color: @@something;
color: @@@cool;

14
sites/all/libraries/lessphp/tests/outputs/accessors.css Normal file
View File

@@ -0,0 +1,14 @@
.article { color:#294366; }
.comment {
width:960px;
color:#294366;
padding:10px;
}
.wow {
height:960px;
background-color:#294366;
color:green;
padding:;
margin:;
}
.mix { font-size:10px; }

25
sites/all/libraries/lessphp/tests/outputs/arity.css Normal file
View File

@@ -0,0 +1,25 @@
.one {
color: one;
color: one;
}
.two {
color: two;
color: two;
}
.three {
color: three;
color: three;
}
.multi-foo {
color: two;
color: three;
color: two;
color: three;
color: three;
}
.multi-baz {
color: two;
color: three;
color: two;
color: three;
}

105
sites/all/libraries/lessphp/tests/outputs/attributes.css Normal file
View File

@@ -0,0 +1,105 @@
* {
color: blue;
}
E {
color: blue;
}
E[foo] {
color: blue;
}
[foo] {
color: blue;
}
[foo] .helloWorld {
color: blue;
}
[foo].helloWorld {
color: blue;
}
E[foo="barbar"] {
color: blue;
}
E[foo~="hello#$@%@$#^"] {
color: blue;
}
E[foo^="color: green;"] {
color: blue;
}
E[foo$="239023"] {
color: blue;
}
E[foo*="29302"] {
color: blue;
}
E[foo|="239032"] {
color: blue;
}
E:root {
color: blue;
}
E:nth-child(odd) {
color: blue;
}
E:nth-child(2n+1) {
color: blue;
}
E:nth-child(5) {
color: blue;
}
E:nth-last-child(-n+2) {
color: blue;
}
E:nth-of-type(2n) {
color: blue;
}
E:nth-last-of-type(n) {
color: blue;
}
E:first-child {
color: blue;
}
E:last-child {
color: blue;
}
E:first-of-type {
color: blue;
}
E:last-of-type {
color: blue;
}
E:only-child {
color: blue;
}
E:only-of-type {
color: blue;
}
E:empty {
color: blue;
}
E:lang(en) {
color: blue;
}
E::first-line {
color: blue;
}
E::before {
color: blue;
}
E#id {
color: blue;
}
E:not(:link) {
color: blue;
}
E F {
color: blue;
}
E > F {
color: blue;
}
E + F {
color: blue;
}
E ~ F {
color: blue;
}

41
sites/all/libraries/lessphp/tests/outputs/builtins.css Normal file
View File

@@ -0,0 +1,41 @@
body {
color: "hello world";
height: 5.1666666666667;
height: 5px;
height: 6px;
width: 0.66666666666667;
width: 1;
width: 0;
width: 1;
width: 3px;
color: #ff112233;
color: #992c3742;
color: #992c3742;
}
format {
format: "rgb(32, 128, 64)";
format-string: "hello world";
format-multiple: "hello earth 2";
format-url-encode: 'red is %A';
eformat: rgb(32, 128, 64);
}
#functions {
str: true;
str: false;
num: true;
num: true;
num: true;
num: false;
col: true;
col: false;
col: true;
col: true;
key: true;
key: false;
px: true;
px: false;
per: true;
per: false;
em: true;
em: false;
}

89
sites/all/libraries/lessphp/tests/outputs/colors.css Normal file
View File

@@ -0,0 +1,89 @@
body {
color: #996d33;
color: rgba(153,109,51,0.3);
lighten: #ffffff;
lighten: #7c8df2;
lighten: rgba(222,140,129,0.5);
darken: #d6d6d6;
darken: #0d1e81;
darken: rgba(18,42,185,0.5);
saturate: #f1eded;
saturate: #0025fe;
saturate: rgba(10,44,244,0.5);
desaturate: #efefef;
desaturate: #3349cb;
desaturate: rgba(36,62,218,0.5);
spin: #efefef;
spin: #2d17e7;
spin: rgba(59,23,231,0.5);
spin: #efefef;
spin: #1769e7;
spin: rgba(23,119,231,0.5);
one: #abcdef;
one: #abcdef;
two: rgba(2,159,35,0.9);
two: rgba(2,159,35,0.9);
three: rgba(1,2,3,0.6);
three: rgba(1,2,3,0.6);
four: rgba(1,2,3,0);
four: rgba(1,2,3,0);
hue: 282;
sat: 33;
lit: 12;
what: #dff1da;
zero: #343434;
zero: #003468;
zero: #000000;
zero: #ffffff;
zero: #000000;
zero: #ffffff;
zero: #ffffff;
zero: #ffffff;
zero: #1d5612;
zero: #56124b;
zero: #000000;
zero: #ffffff;
}
alpha {
g: 0;
g: 1;
}
fade {
f: rgba(255,0,0,0.5);
f: rgba(255,255,255,0.2);
f: rgba(34,23,64,0.5);
}
.mix {
color: #808080;
color: rgba(6,3,2,-0.25);
}
.percent {
per: 50%;
}
.colorz {
color: #ebebeb;
color: #ff9100;
color: #000000;
}
body {
start: #fcf8e3;
spin: #fcf4e3;
chained: #fbeed5;
direct: #fbefd5;
}
pre {
spin: #f2dee1;
}
dd {
background-color: #f5f5f5;
}
.ops {
c: #4d0000;
c: #004000;
c: #020002;
c: #ffffff;
c: #fb8173;
c: 132 / #ff0000;
c: 132 - #ff0000;
c: 132- #ff0000;
}

29
sites/all/libraries/lessphp/tests/outputs/compile_on_mixin.css Normal file
View File

@@ -0,0 +1,29 @@
body {
height: 22px;
}
body ul {
height: 20px;
}
body ul li {
height: 10px;
}
body ul li div span,
body ul li link {
margin: 10px;
color: red;
}
body ul div,
body ul p {
border: 1px;
}
body ul div.hello,
body ul p.hello {
color: green;
}
body ul div :what,
body ul p :what {
color: blue;
}
body ul a b {
color: blue;
}

15
sites/all/libraries/lessphp/tests/outputs/directives.css Normal file
View File

@@ -0,0 +1,15 @@
@charset "utf-8";
@-moz-document url-prefix() {
div {
color: red;
}
}
@page :left {
margin-left: 4cm;
}
@page :right {
margin-left: 3cm;
}
@page {
margin: 2cm;
}

16
sites/all/libraries/lessphp/tests/outputs/escape.css Normal file
View File

@@ -0,0 +1,16 @@
body {
border: this is simple;
border: this;
border: this is simple;
border: 1232;
border: world;
border: onemore;
border: ;
line-height: eating rice;
line-height: string cheese;
line-height: a b c string me d e f;
line-height: string world;
}
.class {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png');
}

17
sites/all/libraries/lessphp/tests/outputs/font_family.css Normal file
View File

@@ -0,0 +1,17 @@
@font-face {
font-family: Graublau Sans Web;
src: url(fonts/GraublauWeb.otf) format("opentype");
}
@font-face {
font-family: Gentium;
src: url('fonts/Gentium.ttf');
}
@font-face {
font-family: Gentium;
src: url("fonts/GentiumItalic.ttf");
font-style: italic;
}
h2 {
font-family: Gentium;
crazy: maroon;
}

27
sites/all/libraries/lessphp/tests/outputs/guards.css Normal file
View File

@@ -0,0 +1,27 @@
dd {
color: yellow;
}
b {
color: red;
color: blue;
color: blue;
}
img {
color: green;
color: teal;
}
body {
color: purple;
color: silver;
color: purple;
}
div {
color: blue;
}
link {
color: true red;
color: true #fff;
color: true #fffddd;
color: true #000000;
color: true rgba(0,0,0,0.34);
}

4
sites/all/libraries/lessphp/tests/outputs/hacks.css Normal file
View File

@@ -0,0 +1,4 @@
:root .alert-message,
:root .btn {
border-radius: 0 \0;
}

3
sites/all/libraries/lessphp/tests/outputs/hi.css Normal file
View File

@@ -0,0 +1,3 @@
div:before {
content: "hi!";
}

9
sites/all/libraries/lessphp/tests/outputs/ie.css Normal file
View File

@@ -0,0 +1,9 @@
foo {
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#c0ff3300,endColorstr=#ff000000);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#c0ff3300,endColorstr=#ff000000);
}
foo {
filter: alpha(opacity=20);
filter: alpha(opacity=20,enabled=true);
filter: blaznicate(foo=bar,baz=bang bip,bart=#fa4600);
}

61
sites/all/libraries/lessphp/tests/outputs/import.css vendored Normal file
View File

@@ -0,0 +1,61 @@
@import "not-found";
@import "something.css" media;
@import url("something.css") media;
@import url(something.css) media, screen, print;
b {
color: maroon;
padding: 16px;
}
body {
line-height: 10em;
}
body div.bright {
color: red;
}
body div.sad {
color: blue;
}
div b {
color: fuchsia;
padding: 16px;
}
.one {
color: blue;
}
.one h2 {
background: url("../images/logo.png") no-repeat;
}
.two h2 {
background: url("../images/logo.png") no-repeat;
}
#merge-import-mixins .just-a-class {
background: red;
}
#merge-import-mixins .just-a-class {
background: blue;
}
#merge-import-mixins .hello {
height: 200px;
}
@media cool {
#merge-import-mixins {
color: red;
height: 200px;
}
}
#merge-import-mixins div {
background: red;
background: blue;
}
.inner {
content: "inner/file1.less";
}
.inner {
content: "inner/file2.less";
}
pre {
color: hello-from-file-3;
}
h2 {
background: url("../images/logo.png") no-repeat;
}

48
sites/all/libraries/lessphp/tests/outputs/keyframes.css Normal file
View File

@@ -0,0 +1,48 @@
@keyframes 'bounce' {
from {
top: 100px;
animation-timing-function: ease-out;
}
25% {
top: 50px;
animation-timing-function: ease-in;
}
50% {
top: 100px;
animation-timing-function: ease-out;
}
75% {
top: 75px;
animation-timing-function: ease-in;
}
to {
top: 100px;
}
}
@-webkit-keyframes flowouttoleft {
0% {
-webkit-transform: translateX(0) scale(1);
}
60%,
70% {
-webkit-transform: translateX(0) scale(.7);
}
100% {
-webkit-transform: translateX(-100%) scale(.7);
}
}
div {
animation-name: 'diagonal-slide';
animation-duration: 5s;
animation-iteration-count: 10;
}
@keyframes 'diagonal-slide' {
from {
left: 0;
top: 0;
}
to {
left: 100px;
top: 100px;
}
}

69
sites/all/libraries/lessphp/tests/outputs/math.css Normal file
View File

@@ -0,0 +1,69 @@
.unary {
sub: 10 -5;
}
.spaces {
sub: 5;
sub: 5;
add: 15;
add: 15;
div: 2;
mul: 50;
mul: 50;
}
.supress-division {
border-radius: 10px/10px;
border-radius: 10px/10px;
border-radius: hello(10px/10px) world;
font: 10px/30 sans-serif;
font: 10px/20px sans-serif;
font: 10px/20px sans-serif;
border-radius: 0 15px 15px 15px/0 50% 50% 50%;
}
.parens {
sub: 5;
add: 15;
div: 2;
div: 2;
mul: 50;
}
.keyword-names {
height: "hello" 25;
}
.negation {
hello: -1px;
hello: -1px;
hello: -10;
}
.test {
single: 5;
single: 10;
single: 10;
parens: 10 -2;
math: 20;
math: 20;
width: 71;
height: 6;
padding: 6px 1em 2px 2;
padding: 8 4 4 4px;
width: 96;
height: 113;
margin: 12;
}
.percents {
color: 1000%;
color: 1000%;
color: 100%;
color: 1000px;
color: 1000%;
color: 30%;
color: 10%;
color: 2%;
}
.misc {
x: 40px;
y: 40em;
}
.cond {
y: false;
y: true;
}

65
sites/all/libraries/lessphp/tests/outputs/media.css Normal file
View File

@@ -0,0 +1,65 @@
@media screen,3D {
P {
color: green;
}
}
@media print {
body {
font-size: 10pt;
}
}
@media screen {
body {
font-size: 13px;
}
}
@media screen,print {
body {
line-height: 1.2;
}
}
@media all and (min-width: 0px) {
body {
line-height: 1.2;
}
}
@media all and (min-width: 0) {
body {
line-height: 1.2;
}
}
@media screen and (min-width: 102.5em) and (max-width: 117.9375em),screen and (min-width: 150em) {
body {
color: blue;
}
}
@media screen and (min-height: 110px) {
body {
color: red;
}
}
@media screen and (height: 100px) and (width: 110px),(size: 120px) {
body {
color: red;
}
}
@media test {
div {
height: 20px;
}
}
@media test and (hello) {
div {
color: red;
}
div pre {
color: orange;
}
}
@media yeah {
@page {
@media cool {
color: red;
}
}
}

63
sites/all/libraries/lessphp/tests/outputs/misc.css Normal file
View File

@@ -0,0 +1,63 @@
color: "aaa, bbb";
.topbar {
background: url(/assets/images/test/topbar.png);
}
.hello {
test: empty-function("/assets/images/test/",40%,to(#fff));
}
.css3 {
background-image: -webkit-gradient(linear,0% 0%,0% 90%,from(#E9A000),to(#A37000));
}
.test,
.world {
border: 1px solid red;
color: url(http://mage-page.com);
string: "hello /* this is not a comment */";
world: "// neither is this";
string: 'hello /* this is not a comment */';
world: '// neither is this';
what-ever: 100px;
background: url(/*no comment here*/);
}
.urls {
background: url("http://google.com");
background: url(http://google.com);
background: url("http://google.com");
}
.cool {
color: "aaa, bbb";
}
.span-17 {
float: left;
}
.span-17 {
width: 660px;
}
.x {
float: left;
width: 660px;
}
.hi pre {
color: red;
}
.hi pre {
color: blue;
}
.rad pre {
color: red;
}
.rad pre {
color: blue;
}
hello {
numbers: 1.0 0.1 .1 1.;
numbers: 1.0s 0.1s .1s 1.s;
numbers: -1s -0.1s -0.1s -1s;
numbers: -1 -0.1 -0.1 -1;
}
#string {
hello: 'what\'s going on here';
hello: 'blah blag @{ blah blah';
join: "3434hello";
join: 3434hello;
}

14
sites/all/libraries/lessphp/tests/outputs/mixin_functions.css Normal file
View File

@@ -0,0 +1,14 @@
body {
padding: 2.0em;
color: red;
margin: 10px;
height: 12px;
border-bottom: 1px solid green;
}
.skip_args {
margin: 22px;
height: 12px;
padding: 10px 20px 30px 88px;
margin: 4px 12px 2px 1px;
color: red;
}

42
sites/all/libraries/lessphp/tests/outputs/mixin_merging.css Normal file
View File

@@ -0,0 +1,42 @@
#test1 div {
color:red;
height:10px;
}
#test1 p { height:10px; }
#test2 b {
color:red;
width:1px;
}
#test2 a, #test2 i { width:1px; }
#test3 a, #test3 i { width:1px; }
#test3 b {
width:1px;
color:red;
}
#test4 a {
color:blue;
margin:1px;
}
#test4 div, #test4 html { color:blue; }
#test5 img, #test5 strong {
padding:2px;
float:right;
}
#test6 div a, #test6 span a {
line-height:10px;
color:red;
}
#test7 div strong {
margin:1px;
color:red;
}
#test7 div b { color:red; }
#test7 span strong, #test7 span b { color:red; }
#test8 a i, #test8 b i {
background:red;
color:red;
}
#test8 a s, #test8 b s {
background:red;
color:blue;
}

83
sites/all/libraries/lessphp/tests/outputs/mixins.css Normal file
View File

@@ -0,0 +1,83 @@
.bold {
font-size: 20px;
font-weight: bold;
}
body #window {
border-radius: 10px;
font-size: 20px;
font-weight: bold;
line-height: 30px;
}
#bundle .button {
display: block;
border: 1px solid black;
background-color: grey;
}
#bundle .button:hover {
background-color: white;
}
#header a {
color: orange;
display: block;
border: 1px solid black;
background-color: grey;
}
#header a:hover {
background-color: white;
}
div {
color: blue;
hello: world;
}
div b {
color: blue;
}
body {
color: blue;
hello: world;
}
body b {
color: blue;
}
.hello .world {
color: blue;
}
.foobar {
color: blue;
}
.eggs {
foo: 1px 2px;
bar: 1px 2px;
foo: 100 land;
bar: 100 land;
}
#hello {
cool: one two three cool;
}
#hello-important {
cool: one two three cool !important;
}
#world {
cool: "world";
}
#another {
things: red blue green;
things: red blue green skip me;
}
#day .cool {
color: one two three;
}
#day .cool {
color: one two three skip me;
}
.mix-suffix {
color: red !important;
height: 20px !important;
}
.mix-suffix pre {
color: red;
}
.search-test {
color: #f00 !important;
color: #0f0 !important;
}

51
sites/all/libraries/lessphp/tests/outputs/nested.css Normal file
View File

@@ -0,0 +1,51 @@
#header {
color: black;
}
#header .navigation {
font-size: 12px;
}
#header .navigation .border .outside {
color: blue;
}
#header .logo {
width: 300px;
}
#header .logo:hover {
text-decoration: none;
}
a b ul li {
color: green;
}
div .cool {
color: green;
}
p .cool span {
color: yellow;
}
div another {
color: green;
}
p another span {
color: yellow;
}
b .something {
color: blue;
}
b.something {
color: blue;
}
.foo .bar .qux,
.foo .baz .qux {
display: block;
}
.qux .foo .bar,
.qux .foo .baz {
display: inline;
}
.qux .foo .bar .biz,
.qux .foo .baz .biz {
display: none;
}
b hello [x="&yeah"] {
color: red;
}

6
sites/all/libraries/lessphp/tests/outputs/nesting.css Normal file
View File

@@ -0,0 +1,6 @@
#header .navigation .border .outside { color:blue; }
#header .navigation { font-size:12px; }
#header .logo:hover { text-decoration:none; }
#header .logo { width:300px; }
#header { color:black; }
a b ul li { color:green; }

72
sites/all/libraries/lessphp/tests/outputs/pattern_matching.css Normal file
View File

@@ -0,0 +1,72 @@
.class {
color: #a2a2a2;
display: block;
}
.zero {
zero: 0;
one: 1;
two: 2;
three: 3;
}
.one {
one: 1;
one-req: 1;
two: 2;
three: 3;
}
.two {
two: 2;
three: 3;
}
.three {
three-req: 3;
three: 3;
}
.left {
left: 1;
}
.right {
right: 1;
}
.border-right {
color: black;
border-right: 4px;
}
.border-left {
color: black;
border-left: 4px;
}
.only-right {
right: 33;
}
.only-left {
left: 33;
}
.left-right {
both: 330;
}
#hola {
color: blue;
}
#defaults_1 {
height: one;
height: two;
height: three;
height: four;
}
.thing {
color: red;
}
#aa {
color: green;
color: blue;
color: red;
}
#bb {
color: green;
color: blue;
color: red;
}
#cc {
color: blue;
}

11
sites/all/libraries/lessphp/tests/outputs/scopes.css Normal file
View File

@@ -0,0 +1,11 @@
body div other world {
height: 50;
}
div other world {
height: 50;
}
pre {
height: 10;
height: 11;
height: 12;
}

25
sites/all/libraries/lessphp/tests/outputs/selector_expressions.css Normal file
View File

@@ -0,0 +1,25 @@
something blue,
world {
color: blue;
}
.div 3434 {
height: 100px;
}
.div cool red {
height: 4000px;
}
.span5 {
color: 15;
}
.span4 {
color: 14;
}
.span3 {
color: 13;
}
.span2 {
color: 12;
}
.span1 {
color: 11;
}

76
sites/all/libraries/lessphp/tests/outputs/site_demos.css Normal file
View File

@@ -0,0 +1,76 @@
default .underline {
border-bottom: 1px solid green;
}
default #header {
color: black;
border: 1px solid #dd44dd;
}
default #header .navigation {
font-size: 12px;
}
default #header .navigation a {
border-bottom: 1px solid green;
}
default #header .logo {
width: 300px;
}
default #header .logo:hover {
text-decoration: none;
}
variables .variables {
width: 14cm;
height: 24px;
color: #888;
background: #6c94be;
font-family: "Trebuchet MS", Verdana, sans-serif;
}
mixins .bordered {
border-top: dotted 1px black;
border-bottom: solid 2px black;
}
mixins #menu a {
color: #111;
border-top: dotted 1px black;
border-bottom: solid 2px black;
}
mixins .post a {
color: red;
border-top: dotted 1px black;
border-bottom: solid 2px black;
}
nested-rules #header {
color: black;
}
nested-rules #header .navigation {
font-size: 12px;
}
nested-rules #header .logo {
width: 300px;
}
nested-rules #header .logo:hover {
text-decoration: none;
}
namespaces #bundle .button {
display: block;
border: 1px solid black;
background-color: grey;
}
namespaces #bundle .button:hover {
background-color: white;
}
namespaces #header a {
color: orange;
display: block;
border: 1px solid black;
background-color: grey;
}
namespaces #header a:hover {
background-color: white;
}
mixin-functions body {
padding: 2.0em;
color: red;
margin: 10px;
height: 12px;
border-bottom: 1px solid green;
}

20
sites/all/libraries/lessphp/tests/outputs/variables.css Normal file
View File

@@ -0,0 +1,20 @@
color: 44px;
color: 44px;
.variables {
width: 14cm;
height: 24px;
margin-top: -20px;
margin-bottom: 30px;
color: #888899;
background: #6c94be;
font-family: "Trebuchet MS", Verdana, sans-serif;
margin: 3px;
font: 10px/12px serif;
font: 120%/120% serif;
}
.external {
color: #888;
border: 1px solid #3326cc;
background: rgba(23,68,149,0.5);
padding: 4px;
}

57
sites/all/libraries/lessphp/tests/sort.php Normal file
View File

@@ -0,0 +1,57 @@
<?php
error_reporting(E_ALL);
require realpath(dirname(__FILE__)).'/../lessc.inc.php';
// sorts the selectors in stylesheet in order to normalize it for comparison
$exe = array_shift($argv); // remove filename
if (!$fname = array_shift($argv)) {
$fname = "php://stdin";
}
class lesscNormalized extends lessc {
public $numberPrecision = 3;
public function compileValue($value) {
if ($value[0] == "raw_color") {
$value = $this->coerceColor($value);
}
return parent::compileValue($value);
}
}
class SortingFormatter extends lessc_formatter_lessjs {
function sortKey($block) {
if (!isset($block->sortKey)) {
sort($block->selectors, SORT_STRING);
$block->sortKey = implode(",", $block->selectors);
}
return $block->sortKey;
}
function sortBlock($block) {
usort($block->children, function($a, $b) {
$sort = strcmp($this->sortKey($a), $this->sortKey($b));
if ($sort == 0) {
// TODO
}
return $sort;
});
}
function block($block) {
$this->sortBlock($block);
return parent::block($block);
}
}
$less = new lesscNormalized();
$less->setFormatter(new SortingFormatter);
echo $less->parse(file_get_contents($fname));