first import

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

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; }

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;
}

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;
}

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;
}

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;
}

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;
}

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;
}

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');
}

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;
}

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);
}

View File

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

View File

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

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);
}

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;
}

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;
}
}

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;
}

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;
}
}
}

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;
}

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;
}

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;
}

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;
}

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;
}

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; }

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;
}

View File

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

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;
}

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;
}

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;
}