Add formatting libraries to composer.json

This commit is contained in:
Kijin Sung 2016-03-17 20:37:43 +09:00
parent 59ee4a7387
commit 2b008f7be6
202 changed files with 28022 additions and 133 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 {
hello: one;
world: one;
}
.two {
hello: two;
world: two;
}
.three {
hello: three;
world: three;
}
.multi-foo {
foo: two cool;
foo: three cool yeah;
foo: two 1;
foo: three 1 yeah;
foo: three 1 1;
}
.multi-baz {
baz: two cool;
baz: three yeah;
baz: two 1;
baz: three 1;
}

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,61 @@
body {
color: "hello world";
num-basic: 5.1666666666667;
num-floor: 5px;
num-ceil: 6px;
num2: 0.66666666666667;
num2-round: 1;
num2-floor: 0;
num2-ceil: 1;
round-lit: 3px;
rgba1: #ff112233;
rgba2: #992c3742;
argb: #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 {
str1: true;
str2: false;
num1: true;
num2: true;
num3: true;
num4: false;
col1: true;
col2: false;
col3: true;
col4: true;
key1: true;
key2: false;
px1: true;
px2: false;
per1: true;
per2: false;
em1: true;
em2: false;
ex1: 2;
ex2: 1;
ex3: extract(1,1);
ex4: 2;
pow: 16;
pi: 3.1415926535898;
mod: 4;
tan: 1.5574077246549;
cos: 0.54030230586814;
sin: 0.8414709848079;
atan: 0.78539816339745rad;
acos: 0rad;
asin: 1.5707963267949rad;
sqrt: 2.8284271247462;
}
#unit {
unit-lit: 10;
unit-arg: 10s;
unit-arg2: 10em;
unit-math: 7.407%;
}

View file

@ -0,0 +1,103 @@
body {
color: #ff0000;
color: #ffffff;
color: #000000;
color: #996d33;
color: rgba(153,109,51,0.3);
lighten1: #ffffff;
lighten2: #7c8df2;
lighten3: rgba(222,140,129,0.5);
darken1: #d6d6d6;
darken2: #0d1e81;
darken3: rgba(18,42,185,0.5);
saturate1: #f1eded;
saturate2: #0025fe;
saturate3: rgba(10,44,244,0.5);
desaturate1: #efefef;
desaturate2: #3349cb;
desaturate3: rgba(36,62,218,0.5);
spin1: #efefef;
spin2: #2d17e7;
spin3: rgba(59,23,231,0.5);
spin2: #efefef;
spin3: #1769e7;
spin4: rgba(23,119,231,0.5);
one1: #abcdef;
one2: #abcdef;
two1: rgba(2,159,35,0.9);
two2: rgba(2,159,35,0.9);
three1: rgba(1,2,3,0.6);
three2: rgba(1,2,3,0.6);
four1: rgba(1,2,3,0);
four2: rgba(1,2,3,0);
hue: 282;
sat: 33;
lit: 12;
what: #dff1da;
zero1: #343434;
zero2: #003468;
zero3: #000000;
zero4: #ffffff;
zero5: #000000;
zero6: #ffffff;
zero7: #ffffff;
zero8: #ffffff;
zero9: #1d5612;
zeroa: #56124b;
zerob: #000000;
zeroc: #ffffff;
}
alpha {
g1: 0;
g2: 1;
}
fade {
f1: rgba(255,0,0,0.5);
f2: rgba(255,255,255,0.2);
f3: rgba(34,23,64,0.5);
}
.mix {
color1: #808080;
color2: #808080;
color3: rgba(6,3,2,-0.25);
}
.contrast {
color1: #ff0000;
color2: #0000ff;
}
.percent {
per: 50%;
}
.colorz {
color1: #ebebeb;
color2: #ff9100;
color3: #000000;
}
body {
start: #fcf8e3;
spin: #fcf4e3;
chained: #fbeed5;
direct: #fbefd5;
}
pre {
spin: #f2dee1;
}
dd {
background-color: #f5f5f5;
}
.ops {
c1: #4d0000;
c2: #004000;
c3: #020002;
c4: #ffffff;
c5: #fb8173;
c6: 132 / #ff0000;
c7: 132 - #ff0000;
c8: 132- #ff0000;
}
.transparent {
r: 0;
g: 0;
b: 0;
a: 0;
}

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,6 @@
.small {
background: url("data:text/plain;base64,CmRpdjpiZWZvcmUgewoJY29udGVudDogImhpISI7Cn0KCg==");
}
.large {
background: url("../../../lessc.inc.php");
}

View file

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

View file

@ -0,0 +1,14 @@
body {
e1: this is simple;
e2: this is simple;
e3: 1232;
e4: world;
e5: onemore;
t1: eating rice;
t2: string cheese;
t3: a b c string me d e f;
t4: 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 {
simple: yellow;
}
b {
something: red;
something-complex: blue cool;
something-complex: blue birthday;
}
img {
another: green;
flipped: teal;
}
body {
yeah-number: purple 232px;
yeah-pixel: silver;
yeah-number: purple 232;
}
div {
something-complex: blue true;
}
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=#ff000001);
}
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,51 @@
@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;
}
.one {
color: blue;
}
#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,28 @@
div {
interp1: yes;
interp2: yes;
interp3: okay;
}
10"yeah" {
color: blue;
}
10 {
color: blue;
}
hello world 10 {
color: red;
}
#"yeah" {
color: "hello 10";
}
[prop],
[prop="value3"],
[prop*="val3"],
[|prop~="val3"],
[*|prop$="val3"],
[ns|prop^="val3"],
[3^="val3"],
[3=3],
[3] {
attributes: yes;
}

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 {
sub1: 5;
sub2: 5;
add1: 15;
add2: 15;
div: 2;
mul1: 50;
mul2: 50;
}
.supress-division {
border-radius: 10px/10px;
border-radius: 10px/12px;
border-radius: hello(10px/10px) world;
font: 10px/30 sans-serif;
font: 10px/20px sans-serif;
font: 10px/22px sans-serif;
border-radius: 0 15px 15px 15px/0 50% 50% 50%;
}
.parens {
sub: 5;
add: 15;
div1: 2;
div2: 2;
mul: 50;
}
.keyword-names {
height: "hello" 25;
}
.negation {
neg1: -1px;
neg2: -1px;
neg3: -10;
}
.test {
single1: 5;
single2: 10;
single3: 10;
parens: 10 -2;
math1: 20;
math2: 20;
complex1: 71;
complex2: 6;
complex3: 6px 1em 2px 2;
var1: 8 4 4 4px;
var2: 96;
var3: 12;
complex4: 113;
}
.percents {
p1: 1000%;
p2: 1000%;
p3: 100%;
p4: 1000px;
p5: 1000%;
p6: 30%;
p7: 10%;
p8: 2%;
}
.misc {
x: 40px;
y: 40em;
}
.cond {
c1: false;
c2: true;
}

View file

@ -0,0 +1,70 @@
@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;
}
}
}
@media (max-width: 599px) {
.helloworld {
color: blue;
}
}

View file

@ -0,0 +1,68 @@
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 {
background1: url("http://google.com");
background2: url(http://google.com);
background3: 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;
}
.duplicates {
hello: world;
hello: "world";
hello: "what";
}

View file

@ -0,0 +1,7 @@
body {
padding: 2.0em;
color: red;
margin: 10px;
height: 12px;
border-bottom: 1px solid green;
}

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,92 @@
.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;
}
.cowboy {
color: blue;
}
.nav .nav-divider {
padding: 10px;
}
.nav-divider {
padding: 10px;
}

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,19 @@
outer1: 44px;
outer2: 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);
}