Project rename
This commit is contained in:
+1
@@ -0,0 +1 @@
|
||||
@charset "UTF-8";
|
||||
+87
@@ -0,0 +1,87 @@
|
||||
#yelow #short {
|
||||
color: #fea;
|
||||
}
|
||||
#yelow #long {
|
||||
color: #ffeeaa;
|
||||
}
|
||||
#yelow #rgba {
|
||||
color: rgba(255, 238, 170, 0.1);
|
||||
}
|
||||
#yelow #argb {
|
||||
color: #1affeeaa;
|
||||
}
|
||||
#blue #short {
|
||||
color: #00f;
|
||||
}
|
||||
#blue #long {
|
||||
color: #0000ff;
|
||||
}
|
||||
#blue #rgba {
|
||||
color: rgba(0, 0, 255, 0.1);
|
||||
}
|
||||
#blue #argb {
|
||||
color: #1a0000ff;
|
||||
}
|
||||
#alpha #hsla {
|
||||
color: rgba(61, 45, 41, 0.6);
|
||||
}
|
||||
#overflow .a {
|
||||
color: #000000;
|
||||
}
|
||||
#overflow .b {
|
||||
color: #ffffff;
|
||||
}
|
||||
#overflow .c {
|
||||
color: #ffffff;
|
||||
}
|
||||
#overflow .d {
|
||||
color: #00ff00;
|
||||
}
|
||||
#overflow .e {
|
||||
color: rgba(0, 31, 255, 0.42);
|
||||
}
|
||||
#grey {
|
||||
color: #c8c8c8;
|
||||
}
|
||||
#333333 {
|
||||
color: #333333;
|
||||
}
|
||||
#808080 {
|
||||
color: #808080;
|
||||
}
|
||||
#00ff00 {
|
||||
color: #00ff00;
|
||||
}
|
||||
.lightenblue {
|
||||
color: #3333ff;
|
||||
}
|
||||
.darkenblue {
|
||||
color: #0000cc;
|
||||
}
|
||||
.unknowncolors {
|
||||
color: blue2;
|
||||
border: 2px solid superred;
|
||||
}
|
||||
.transparent {
|
||||
color: transparent;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
#alpha #fromvar {
|
||||
opacity: 0.7;
|
||||
}
|
||||
#alpha #short {
|
||||
opacity: 1;
|
||||
}
|
||||
#alpha #long {
|
||||
opacity: 1;
|
||||
}
|
||||
#alpha #rgba {
|
||||
opacity: 0.2;
|
||||
}
|
||||
#alpha #hsl {
|
||||
opacity: 1;
|
||||
}
|
||||
#percentage {
|
||||
color: 255;
|
||||
border-color: rgba(255, 0, 0, 0.5);
|
||||
}
|
||||
+82
@@ -0,0 +1,82 @@
|
||||
/******************\
|
||||
* *
|
||||
* Comment Header *
|
||||
* *
|
||||
\******************/
|
||||
/*
|
||||
|
||||
Comment
|
||||
|
||||
*/
|
||||
/*
|
||||
* Comment Test
|
||||
*
|
||||
* - cloudhead (http://cloudhead.net)
|
||||
*
|
||||
*/
|
||||
/* Colors
|
||||
* ------
|
||||
* #EDF8FC (background blue)
|
||||
* #166C89 (darkest blue)
|
||||
*
|
||||
* Text:
|
||||
* #333 (standard text) // A comment within a comment!
|
||||
* #1F9EC9 (standard link)
|
||||
*
|
||||
*/
|
||||
/* @group Variables
|
||||
------------------- */
|
||||
#comments,
|
||||
.comments {
|
||||
/**/
|
||||
color: red;
|
||||
/* A C-style comment */
|
||||
/* A C-style comment */
|
||||
background-color: orange;
|
||||
font-size: 12px;
|
||||
/* lost comment */
|
||||
content: "content";
|
||||
border: 1px solid black;
|
||||
padding: 0;
|
||||
margin: 2em;
|
||||
}
|
||||
/* commented out
|
||||
#more-comments {
|
||||
color: grey;
|
||||
}
|
||||
*/
|
||||
.selector,
|
||||
.lots,
|
||||
.comments {
|
||||
color: #808080, /* blue */ #ffa500;
|
||||
-webkit-border-radius: 2px /* webkit only */;
|
||||
-moz-border-radius: 8px /* moz only with operation */;
|
||||
}
|
||||
.test {
|
||||
color: 1px;
|
||||
}
|
||||
.sr-only-focusable {
|
||||
clip: auto;
|
||||
}
|
||||
@-webkit-keyframes hover {
|
||||
0% {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
#last {
|
||||
color: #0000ff;
|
||||
}
|
||||
/* */
|
||||
/* { */
|
||||
/* */
|
||||
/* */
|
||||
/* */
|
||||
#div {
|
||||
color: #A33;
|
||||
}
|
||||
/* } */
|
||||
/*by block */
|
||||
#output-block {
|
||||
comment: /* // Not commented out // */;
|
||||
}
|
||||
/*comment on last line*/
|
||||
+35
@@ -0,0 +1,35 @@
|
||||
#colours {
|
||||
color1: #fea;
|
||||
color2: #ffeeaa;
|
||||
color3: rgba(255, 238, 170, 0.1);
|
||||
string: "#ffeeaa";
|
||||
/* comments are stripped */
|
||||
/*! but not this type
|
||||
Note preserved whitespace
|
||||
*/
|
||||
}
|
||||
dimensions {
|
||||
val: 0.1px;
|
||||
val: 0em;
|
||||
val: 4cm;
|
||||
val: 0.2;
|
||||
val: 5;
|
||||
angles-must-have-unit: 0deg;
|
||||
durations-must-have-unit: 0s;
|
||||
length-doesnt-have-unit: 0px;
|
||||
width: auto\9;
|
||||
}
|
||||
@page {
|
||||
marks: none;
|
||||
|
||||
@top-left-corner {
|
||||
vertical-align: top;
|
||||
}
|
||||
@top-left {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
.shadow ^ .dom,
|
||||
body ^^ .shadow {
|
||||
display: done;
|
||||
}
|
||||
+24
@@ -0,0 +1,24 @@
|
||||
.escape\|random\|char {
|
||||
color: red;
|
||||
}
|
||||
.mixin\!tUp {
|
||||
font-weight: bold;
|
||||
}
|
||||
.\34 04 {
|
||||
background: red;
|
||||
}
|
||||
.\34 04 strong {
|
||||
color: #ff00ff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.trailingTest\+ {
|
||||
color: red;
|
||||
}
|
||||
/* This hideous test of hideousness checks for the selector "blockquote" with various permutations of hex escapes */
|
||||
\62\6c\6f \63 \6B \0071 \000075o\74 e {
|
||||
color: silver;
|
||||
}
|
||||
[ng\:cloak],
|
||||
ng\:form {
|
||||
display: none;
|
||||
}
|
||||
+95
@@ -0,0 +1,95 @@
|
||||
@charset "utf-8";
|
||||
div {
|
||||
color: black;
|
||||
}
|
||||
div {
|
||||
width: 99%;
|
||||
}
|
||||
* {
|
||||
min-width: 45em;
|
||||
}
|
||||
h1,
|
||||
h2 > a > p,
|
||||
h3 {
|
||||
color: none;
|
||||
}
|
||||
div.class {
|
||||
color: blue;
|
||||
}
|
||||
div#id {
|
||||
color: green;
|
||||
}
|
||||
.class#id {
|
||||
color: purple;
|
||||
}
|
||||
.one.two.three {
|
||||
color: grey;
|
||||
}
|
||||
@media print {
|
||||
* {
|
||||
font-size: 3em;
|
||||
}
|
||||
}
|
||||
@media screen {
|
||||
* {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Garamond Pro';
|
||||
}
|
||||
a:hover,
|
||||
a:link {
|
||||
color: #999;
|
||||
}
|
||||
p,
|
||||
p:first-child {
|
||||
text-transform: none;
|
||||
}
|
||||
q:lang(no) {
|
||||
quotes: none;
|
||||
}
|
||||
p + h1 {
|
||||
font-size: 2.2em;
|
||||
}
|
||||
#shorthands {
|
||||
border: 1px solid #000;
|
||||
font: 12px/16px Arial;
|
||||
font: 100%/16px Arial;
|
||||
margin: 1px 0;
|
||||
padding: 0 auto;
|
||||
}
|
||||
#more-shorthands {
|
||||
margin: 0;
|
||||
padding: 1px 0 2px 0;
|
||||
font: normal small / 20px 'Trebuchet MS', Verdana, sans-serif;
|
||||
font: 0/0 a;
|
||||
border-radius: 0.5px;
|
||||
}
|
||||
.misc {
|
||||
-moz-border-radius: 2px;
|
||||
display: -moz-inline-stack;
|
||||
width: .1em;
|
||||
background-color: #009998;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#0000ff));
|
||||
margin: ;
|
||||
filter: alpha(opacity=100);
|
||||
width: auto\9;
|
||||
}
|
||||
.misc .nested-multiple {
|
||||
multiple-semi-colons: yes;
|
||||
}
|
||||
#important {
|
||||
color: red !important;
|
||||
width: 100%!important;
|
||||
height: 20px ! important;
|
||||
}
|
||||
@font-face {
|
||||
font-family: font-a;
|
||||
}
|
||||
@font-face {
|
||||
font-family: font-b;
|
||||
}
|
||||
.æøå {
|
||||
margin: 0;
|
||||
}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
@charset "ISO-8859-1";
|
||||
.tst3 {
|
||||
color: grey;
|
||||
}
|
||||
+30
@@ -0,0 +1,30 @@
|
||||
@charset "UTF-8";
|
||||
.tst3 {
|
||||
color: grey;
|
||||
}
|
||||
.test1 {
|
||||
color: black;
|
||||
}
|
||||
.test2 {
|
||||
color: red;
|
||||
}
|
||||
@media all {
|
||||
.tst {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
@media all and screen {
|
||||
.tst {
|
||||
color: red;
|
||||
}
|
||||
.tst .tst3 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.tst2 {
|
||||
color: white;
|
||||
}
|
||||
.test {
|
||||
color: red;
|
||||
width: 2;
|
||||
}
|
||||
+107
@@ -0,0 +1,107 @@
|
||||
.parent {
|
||||
color: green;
|
||||
}
|
||||
@document url-prefix() {
|
||||
.child {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
@supports (sandwitch: butter) {
|
||||
.inside {
|
||||
property: value;
|
||||
}
|
||||
}
|
||||
@supports (sandwitch: bread) {
|
||||
.in1 .in2 {
|
||||
property: value;
|
||||
}
|
||||
}
|
||||
@supports (sandwitch: ham) {
|
||||
property: value;
|
||||
}
|
||||
@supports (font-family: weirdFont) {
|
||||
@font-face {
|
||||
font-family: something;
|
||||
src: made-up-url;
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
@supports not (-webkit-font-smoothing: subpixel-antialiased) {
|
||||
font-family: something;
|
||||
src: made-up-url;
|
||||
}
|
||||
}
|
||||
@supports (property: value) {
|
||||
@media (max-size: 2px) {
|
||||
@supports (whatever: something) {
|
||||
property: value;
|
||||
}
|
||||
}
|
||||
}
|
||||
@supports (property: value) {
|
||||
@media (max-size: 2px) {
|
||||
@supports (whatever: something) {
|
||||
property: value;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
in-html: visible;
|
||||
}
|
||||
@supports (upper: test) {
|
||||
in-supports: first;
|
||||
|
||||
div {
|
||||
in-div: visible;
|
||||
}
|
||||
@supports not (-webkit-font-smoothing: subpixel-antialiased) {
|
||||
in-supports: second;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media print and screen {
|
||||
html div {
|
||||
font-weight: 400;
|
||||
}
|
||||
html div nested {
|
||||
property: value;
|
||||
}
|
||||
}
|
||||
@media print and (max-size: 2px) {
|
||||
.in1 {
|
||||
stay: here;
|
||||
}
|
||||
@supports not (-webkit-font-smoothing: subpixel-antialiased) {
|
||||
@supports (whatever: something) {
|
||||
property: value;
|
||||
}
|
||||
}
|
||||
}
|
||||
html {
|
||||
font-weight: 300;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
@supports not (-webkit-font-smoothing: subpixel-antialiased) {
|
||||
font-weight: 400;
|
||||
|
||||
nested {
|
||||
property: value;
|
||||
}
|
||||
}
|
||||
.onTop {
|
||||
animation: "textscale";
|
||||
font-family: something;
|
||||
}
|
||||
@font-face {
|
||||
font-family: something;
|
||||
src: made-up-url;
|
||||
}
|
||||
@keyframes "textscale" {
|
||||
0% {
|
||||
font-size: 1em;
|
||||
}
|
||||
100% {
|
||||
font-size: 2em;
|
||||
}
|
||||
}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
.a {
|
||||
error: 4px;
|
||||
}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
.a {
|
||||
error: 11px;
|
||||
}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
.a {
|
||||
error: 0.33333333px;
|
||||
}
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
.someclass {
|
||||
font-weight: bold;
|
||||
}
|
||||
Generated
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
/* Test */
|
||||
.a {
|
||||
error: 1em;
|
||||
}
|
||||
Generated
Vendored
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
div {
|
||||
percentage: 94.11764706%;
|
||||
}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
.a {
|
||||
font-size: 5rem;
|
||||
}
|
||||
+81
@@ -0,0 +1,81 @@
|
||||
.a,
|
||||
.b,
|
||||
.c {
|
||||
color: black;
|
||||
}
|
||||
.f,
|
||||
.e,
|
||||
.d {
|
||||
color: black;
|
||||
}
|
||||
.g.h,
|
||||
.i.j.h,
|
||||
.k.j.h {
|
||||
color: black;
|
||||
}
|
||||
.i.j,
|
||||
.k.j {
|
||||
color: white;
|
||||
}
|
||||
.l,
|
||||
.m,
|
||||
.n,
|
||||
.o,
|
||||
.p,
|
||||
.q,
|
||||
.r,
|
||||
.s,
|
||||
.t {
|
||||
color: black;
|
||||
}
|
||||
.u,
|
||||
.v.u.v {
|
||||
color: black;
|
||||
}
|
||||
.w,
|
||||
.v.w.v {
|
||||
color: black;
|
||||
}
|
||||
.x,
|
||||
.y,
|
||||
.z {
|
||||
color: x;
|
||||
}
|
||||
.y,
|
||||
.z,
|
||||
.x {
|
||||
color: y;
|
||||
}
|
||||
.z,
|
||||
.x,
|
||||
.y {
|
||||
color: z;
|
||||
}
|
||||
.va,
|
||||
.vb,
|
||||
.vc {
|
||||
color: black;
|
||||
}
|
||||
.vb,
|
||||
.vc {
|
||||
color: white;
|
||||
}
|
||||
@media tv {
|
||||
.ma,
|
||||
.mb,
|
||||
.mc {
|
||||
color: black;
|
||||
}
|
||||
.md,
|
||||
.ma,
|
||||
.mb,
|
||||
.mc {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
@media tv and plasma {
|
||||
.me,
|
||||
.mf {
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
+19
@@ -0,0 +1,19 @@
|
||||
.clearfix,
|
||||
.foo,
|
||||
.bar {
|
||||
*zoom: 1;
|
||||
}
|
||||
.clearfix:after,
|
||||
.foo:after,
|
||||
.bar:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
.foo {
|
||||
color: red;
|
||||
}
|
||||
.bar {
|
||||
color: blue;
|
||||
}
|
||||
+37
@@ -0,0 +1,37 @@
|
||||
.replace.replace .replace,
|
||||
.c.replace + .replace .replace,
|
||||
.replace.replace .c,
|
||||
.c.replace + .replace .c,
|
||||
.rep_ace {
|
||||
prop: copy-paste-replace;
|
||||
}
|
||||
.a .b .c {
|
||||
prop: not_effected;
|
||||
}
|
||||
.a,
|
||||
.effected {
|
||||
prop: is_effected;
|
||||
}
|
||||
.a .b {
|
||||
prop: not_effected;
|
||||
}
|
||||
.a .b.c {
|
||||
prop: not_effected;
|
||||
}
|
||||
.c .b .a,
|
||||
.a .b .a,
|
||||
.c .a .a,
|
||||
.a .a .a,
|
||||
.c .b .c,
|
||||
.a .b .c,
|
||||
.c .a .c,
|
||||
.a .a .c {
|
||||
prop: not_effected;
|
||||
}
|
||||
.e.e,
|
||||
.dbl {
|
||||
prop: extend-double;
|
||||
}
|
||||
.e.e:hover {
|
||||
hover: not-extended;
|
||||
}
|
||||
+24
@@ -0,0 +1,24 @@
|
||||
.ext1 .ext2,
|
||||
.all .ext2 {
|
||||
background: black;
|
||||
}
|
||||
@media tv {
|
||||
.ext1 .ext3,
|
||||
.tv-lowres .ext3,
|
||||
.all .ext3 {
|
||||
color: white;
|
||||
}
|
||||
.tv-lowres {
|
||||
background: blue;
|
||||
}
|
||||
}
|
||||
@media tv and hires {
|
||||
.ext1 .ext4,
|
||||
.tv-hires .ext4,
|
||||
.all .ext4 {
|
||||
color: green;
|
||||
}
|
||||
.tv-hires {
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
+57
@@ -0,0 +1,57 @@
|
||||
.sidebar,
|
||||
.sidebar2,
|
||||
.type1 .sidebar3,
|
||||
.type2.sidebar4 {
|
||||
width: 300px;
|
||||
background: red;
|
||||
}
|
||||
.sidebar .box,
|
||||
.sidebar2 .box,
|
||||
.type1 .sidebar3 .box,
|
||||
.type2.sidebar4 .box {
|
||||
background: #FFF;
|
||||
border: 1px solid #000;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.sidebar2 {
|
||||
background: blue;
|
||||
}
|
||||
.type1 .sidebar3 {
|
||||
background: green;
|
||||
}
|
||||
.type2.sidebar4 {
|
||||
background: red;
|
||||
}
|
||||
.button,
|
||||
.submit {
|
||||
color: black;
|
||||
}
|
||||
.button:hover,
|
||||
.submit:hover {
|
||||
color: white;
|
||||
}
|
||||
.button2 :hover {
|
||||
nested: white;
|
||||
}
|
||||
.button2 :hover {
|
||||
notnested: black;
|
||||
}
|
||||
.amp-test-h,
|
||||
.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-a.amp-test-d.amp-test-b.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-a.amp-test-e.amp-test-g,
|
||||
.amp-test-f.amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e + .amp-test-c .amp-test-b.amp-test-d.amp-test-b.amp-test-e.amp-test-g {
|
||||
test: extended by masses of selectors;
|
||||
}
|
||||
+88
@@ -0,0 +1,88 @@
|
||||
.error,
|
||||
.badError {
|
||||
border: 1px #f00;
|
||||
background: #fdd;
|
||||
}
|
||||
.error.intrusion,
|
||||
.badError.intrusion {
|
||||
font-size: 1.3em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.intrusion .error,
|
||||
.intrusion .badError {
|
||||
display: none;
|
||||
}
|
||||
.badError {
|
||||
border-width: 3px;
|
||||
}
|
||||
.foo .bar,
|
||||
.foo .baz,
|
||||
.ext1 .ext2 .bar,
|
||||
.ext1 .ext2 .baz,
|
||||
.ext3 .bar,
|
||||
.ext3 .baz,
|
||||
.ext4 .bar,
|
||||
.ext4 .baz {
|
||||
display: none;
|
||||
}
|
||||
div.ext5,
|
||||
.ext6 > .ext5,
|
||||
div.ext7,
|
||||
.ext6 > .ext7 {
|
||||
width: 100px;
|
||||
}
|
||||
.ext,
|
||||
.a .c,
|
||||
.b .c {
|
||||
test: 1;
|
||||
}
|
||||
.a,
|
||||
.b {
|
||||
test: 2;
|
||||
}
|
||||
.a .c,
|
||||
.b .c {
|
||||
test: 3;
|
||||
}
|
||||
.a .c .d,
|
||||
.b .c .d {
|
||||
test: 4;
|
||||
}
|
||||
.replace.replace .replace,
|
||||
.c.replace + .replace .replace,
|
||||
.replace.replace .c,
|
||||
.c.replace + .replace .c,
|
||||
.rep_ace.rep_ace .rep_ace,
|
||||
.c.rep_ace + .rep_ace .rep_ace,
|
||||
.rep_ace.rep_ace .c,
|
||||
.c.rep_ace + .rep_ace .c {
|
||||
prop: copy-paste-replace;
|
||||
}
|
||||
.attributes [data="test"],
|
||||
.attributes .attributes .attribute-test {
|
||||
extend: attributes;
|
||||
}
|
||||
.attributes [data],
|
||||
.attributes .attributes .attribute-test2 {
|
||||
extend: attributes2;
|
||||
}
|
||||
.attributes [data="test3"],
|
||||
.attributes .attributes .attribute-test {
|
||||
extend: attributes2;
|
||||
}
|
||||
.header .header-nav,
|
||||
.footer .footer-nav {
|
||||
background: red;
|
||||
}
|
||||
.header .header-nav:before,
|
||||
.footer .footer-nav:before {
|
||||
background: blue;
|
||||
}
|
||||
.issue-2586-bordered,
|
||||
.issue-2586-somepage .content,
|
||||
.issue-2586-somepage .content > span {
|
||||
border: solid 1px black;
|
||||
}
|
||||
.issue-2586-somepage .content > span {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
+76
@@ -0,0 +1,76 @@
|
||||
.error,
|
||||
.badError {
|
||||
border: 1px #f00;
|
||||
background: #fdd;
|
||||
}
|
||||
.error.intrusion,
|
||||
.badError.intrusion {
|
||||
font-size: 1.3em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.intrusion .error,
|
||||
.intrusion .badError {
|
||||
display: none;
|
||||
}
|
||||
.badError {
|
||||
border-width: 3px;
|
||||
}
|
||||
.foo .bar,
|
||||
.foo .baz,
|
||||
.ext1 .ext2 .bar,
|
||||
.ext1 .ext2 .baz,
|
||||
.ext3 .bar,
|
||||
.ext3 .baz,
|
||||
.foo .ext3,
|
||||
.ext4 .bar,
|
||||
.ext4 .baz,
|
||||
.foo .ext4 {
|
||||
display: none;
|
||||
}
|
||||
div.ext5,
|
||||
.ext6 > .ext5,
|
||||
div.ext7,
|
||||
.ext6 > .ext7 {
|
||||
width: 100px;
|
||||
}
|
||||
.ext8.ext9,
|
||||
.fuu {
|
||||
result: add-foo;
|
||||
}
|
||||
.ext8 .ext9,
|
||||
.ext8 + .ext9,
|
||||
.ext8 > .ext9,
|
||||
.buu,
|
||||
.zap,
|
||||
.zoo {
|
||||
result: bar-matched;
|
||||
}
|
||||
.ext8.nomatch {
|
||||
result: none;
|
||||
}
|
||||
.ext8 .ext9,
|
||||
.buu {
|
||||
result: match-nested-bar;
|
||||
}
|
||||
.ext8.ext9,
|
||||
.fuu {
|
||||
result: match-nested-foo;
|
||||
}
|
||||
.aa,
|
||||
.cc {
|
||||
color: black;
|
||||
}
|
||||
.aa .dd,
|
||||
.aa .ee {
|
||||
background: red;
|
||||
}
|
||||
.bb,
|
||||
.cc,
|
||||
.ee,
|
||||
.ff {
|
||||
background: red;
|
||||
}
|
||||
.bb .bb,
|
||||
.ff .ff {
|
||||
color: black;
|
||||
}
|
||||
+133
@@ -0,0 +1,133 @@
|
||||
.multiunit {
|
||||
length: 6;
|
||||
extract: abc "abc" 1 1px 1% #112233;
|
||||
}
|
||||
.incorrect-index {
|
||||
v1: extract(a b c, 5);
|
||||
v2: extract(a, b, c, -2);
|
||||
}
|
||||
.scalar {
|
||||
var-value: variable;
|
||||
var-length: 1;
|
||||
ill-index: extract(variable, 2);
|
||||
name-value: name;
|
||||
string-value: "string";
|
||||
number-value: 12345678;
|
||||
color-value: #0000ff;
|
||||
rgba-value: rgba(80, 160, 240, 0.67);
|
||||
empty-value: ;
|
||||
name-length: 1;
|
||||
string-length: 1;
|
||||
number-length: 1;
|
||||
color-length: 1;
|
||||
rgba-length: 1;
|
||||
empty-length: 1;
|
||||
}
|
||||
.mixin-arguments-1 {
|
||||
length: 4;
|
||||
extract: c | b | a;
|
||||
}
|
||||
.mixin-arguments-2 {
|
||||
length: 4;
|
||||
extract: c | b | a;
|
||||
}
|
||||
.mixin-arguments-3 {
|
||||
length: 4;
|
||||
extract: c | b | a;
|
||||
}
|
||||
.mixin-arguments-4 {
|
||||
length: 0;
|
||||
extract: extract(, 2) | extract(, 1);
|
||||
}
|
||||
.mixin-arguments-2 {
|
||||
length: 4;
|
||||
extract: c | b | a;
|
||||
}
|
||||
.mixin-arguments-3 {
|
||||
length: 4;
|
||||
extract: c | b | a;
|
||||
}
|
||||
.mixin-arguments-4 {
|
||||
length: 3;
|
||||
extract: c | b;
|
||||
}
|
||||
.mixin-arguments-2 {
|
||||
length: 4;
|
||||
extract: 3 | 2 | 1;
|
||||
}
|
||||
.mixin-arguments-3 {
|
||||
length: 4;
|
||||
extract: 3 | 2 | 1;
|
||||
}
|
||||
.mixin-arguments-4 {
|
||||
length: 3;
|
||||
extract: 3 | 2;
|
||||
}
|
||||
.md-space-comma {
|
||||
length-1: 3;
|
||||
extract-1: 1 2 3;
|
||||
length-2: 3;
|
||||
extract-2: 2;
|
||||
}
|
||||
.md-space-comma-as-args-2 {
|
||||
length: 3;
|
||||
extract: "x" "y" "z" | 1 2 3 | a b c;
|
||||
}
|
||||
.md-space-comma-as-args-3 {
|
||||
length: 3;
|
||||
extract: "x" "y" "z" | 1 2 3 | a b c;
|
||||
}
|
||||
.md-space-comma-as-args-4 {
|
||||
length: 2;
|
||||
extract: "x" "y" "z" | 1 2 3;
|
||||
}
|
||||
.md-cat-space-comma {
|
||||
length-1: 3;
|
||||
extract-1: 1 2 3;
|
||||
length-2: 3;
|
||||
extract-2: 2;
|
||||
}
|
||||
.md-cat-space-comma-as-args-2 {
|
||||
length: 3;
|
||||
extract: "x" "y" "z" | 1 2 3 | a b c;
|
||||
}
|
||||
.md-cat-space-comma-as-args-3 {
|
||||
length: 3;
|
||||
extract: "x" "y" "z" | 1 2 3 | a b c;
|
||||
}
|
||||
.md-cat-space-comma-as-args-4 {
|
||||
length: 2;
|
||||
extract: "x" "y" "z" | 1 2 3;
|
||||
}
|
||||
.md-cat-comma-space {
|
||||
length-1: 3;
|
||||
extract-1: 1, 2, 3;
|
||||
length-2: 3;
|
||||
extract-2: 2;
|
||||
}
|
||||
.md-cat-comma-space-as-args-1 {
|
||||
length: 3;
|
||||
extract: "x", "y", "z" | 1, 2, 3 | a, b, c;
|
||||
}
|
||||
.md-cat-comma-space-as-args-2 {
|
||||
length: 3;
|
||||
extract: "x", "y", "z" | 1, 2, 3 | a, b, c;
|
||||
}
|
||||
.md-cat-comma-space-as-args-3 {
|
||||
length: 3;
|
||||
extract: "x", "y", "z" | 1, 2, 3 | a, b, c;
|
||||
}
|
||||
.md-cat-comma-space-as-args-4 {
|
||||
length: 0;
|
||||
extract: extract(, 2) | extract(, 1);
|
||||
}
|
||||
.md-3D {
|
||||
length-1: 2;
|
||||
extract-1: a b c d, 1 2 3 4;
|
||||
length-2: 2;
|
||||
extract-2: 5 6 7 8;
|
||||
length-3: 4;
|
||||
extract-3: 7;
|
||||
length-4: 1;
|
||||
extract-4: 8;
|
||||
}
|
||||
+9
@@ -0,0 +1,9 @@
|
||||
.nav {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333", endColorstr="#000000", GradientType=0);
|
||||
}
|
||||
.evalTest1 {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=5);
|
||||
}
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
#import {
|
||||
color: #ff0000;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
#css { color: yellow; }
|
||||
|
||||
}
|
||||
this isn't very valid CSS.
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
#import {
|
||||
color: #ff0000;
|
||||
}
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
.test-f {
|
||||
height: 10px;
|
||||
}
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
.test-f {
|
||||
height: 10px;
|
||||
}
|
||||
+83
@@ -0,0 +1,83 @@
|
||||
.unusedAndReference {
|
||||
avoid: warning;
|
||||
}
|
||||
.test-b,
|
||||
.test-c {
|
||||
color: red;
|
||||
}
|
||||
.test-c {
|
||||
background-color: green;
|
||||
}
|
||||
.theOnlySelector,
|
||||
.unusedAndReference {
|
||||
shall-have: one selector;
|
||||
}
|
||||
#do-not-show-import .fix {
|
||||
fix: fix;
|
||||
}
|
||||
#do-not-show-import .something,
|
||||
#do-not-show-import #do-not-show-import .something .invisible,
|
||||
#do-not-show-import show-all-content .something .invisible,
|
||||
#do-not-show-import show-all-content #do-not-show-import .something .invisible .invisible,
|
||||
#do-not-show-import #do-not-show-import show-all-content .something .invisible .invisible {
|
||||
inside: something;
|
||||
}
|
||||
#do-not-show-import .something should,
|
||||
#do-not-show-import #do-not-show-import .something .invisible should,
|
||||
#do-not-show-import show-all-content .something .invisible should,
|
||||
#do-not-show-import show-all-content #do-not-show-import .something .invisible .invisible should,
|
||||
#do-not-show-import #do-not-show-import show-all-content .something .invisible .invisible should {
|
||||
be: invisible;
|
||||
}
|
||||
#do-not-show-import .something .something,
|
||||
#do-not-show-import #do-not-show-import .something .invisible #do-not-show-import .something .invisible,
|
||||
#do-not-show-import show-all-content .something .invisible show-all-content .something .invisible,
|
||||
#do-not-show-import show-all-content #do-not-show-import .something .invisible .invisible show-all-content #do-not-show-import .something .invisible .invisible,
|
||||
#do-not-show-import #do-not-show-import show-all-content .something .invisible .invisible #do-not-show-import show-all-content .something .invisible .invisible {
|
||||
invisible: suppress warning;
|
||||
}
|
||||
show-all-content {
|
||||
/*
|
||||
tralala
|
||||
*/
|
||||
}
|
||||
show-all-content .fix {
|
||||
fix: fix;
|
||||
}
|
||||
show-all-content .something,
|
||||
show-all-content #do-not-show-import .something .invisible,
|
||||
show-all-content show-all-content .something .invisible,
|
||||
show-all-content show-all-content #do-not-show-import .something .invisible .invisible,
|
||||
show-all-content #do-not-show-import show-all-content .something .invisible .invisible {
|
||||
inside: something;
|
||||
}
|
||||
show-all-content .something should,
|
||||
show-all-content #do-not-show-import .something .invisible should,
|
||||
show-all-content show-all-content .something .invisible should,
|
||||
show-all-content show-all-content #do-not-show-import .something .invisible .invisible should,
|
||||
show-all-content #do-not-show-import show-all-content .something .invisible .invisible should {
|
||||
be: invisible;
|
||||
}
|
||||
show-all-content .something .something,
|
||||
show-all-content #do-not-show-import .something .invisible #do-not-show-import .something .invisible,
|
||||
show-all-content show-all-content .something .invisible show-all-content .something .invisible,
|
||||
show-all-content show-all-content #do-not-show-import .something .invisible .invisible show-all-content #do-not-show-import .something .invisible .invisible,
|
||||
show-all-content #do-not-show-import show-all-content .something .invisible .invisible #do-not-show-import show-all-content .something .invisible .invisible {
|
||||
invisible: suppress warning;
|
||||
}
|
||||
#Namespace .mixin {
|
||||
was: included;
|
||||
}
|
||||
#used-namespaced-mixin {
|
||||
was: included;
|
||||
shall-see: another property above;
|
||||
}
|
||||
.container-with-parent-selector:first-child {
|
||||
background-color: blue;
|
||||
}
|
||||
call-mixin-with-import-by-reference-inside {
|
||||
the-only-property: nothing-below-this;
|
||||
}
|
||||
call-mixin-with-import-by-reference-inside ruleset {
|
||||
shall-be-invisible: less;
|
||||
}
|
||||
Generated
Vendored
+13
@@ -0,0 +1,13 @@
|
||||
.theOnlySelector,
|
||||
.unusedAndReference {
|
||||
avoid: warning;
|
||||
}
|
||||
.unusedAndReference {
|
||||
unused-and: reference;
|
||||
}
|
||||
.test-b {
|
||||
color: red;
|
||||
}
|
||||
.test-b {
|
||||
background-color: green;
|
||||
}
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
.test-a {
|
||||
color: red;
|
||||
}
|
||||
Generated
Vendored
Generated
Vendored
+9
@@ -0,0 +1,9 @@
|
||||
/* double nested file */
|
||||
should {
|
||||
be: invisible;
|
||||
}
|
||||
/* do not extend outside of this */
|
||||
.something,
|
||||
.invisible {
|
||||
invisible: suppress warning;
|
||||
}
|
||||
Generated
Vendored
+18
@@ -0,0 +1,18 @@
|
||||
/*
|
||||
tralala
|
||||
*/
|
||||
.fix {
|
||||
fix: fix;
|
||||
}
|
||||
.something,
|
||||
.something .invisible {
|
||||
inside: something;
|
||||
}
|
||||
.something should,
|
||||
.something .invisible should {
|
||||
be: invisible;
|
||||
}
|
||||
.something .something,
|
||||
.something .invisible .something .invisible {
|
||||
invisible: suppress warning;
|
||||
}
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
ruleset {
|
||||
shall-be-invisible: less;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
@import url("test.css");
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
.deep-import-url {
|
||||
color: red;
|
||||
}
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
.deep-import-url {
|
||||
color: red;
|
||||
}
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
#import {
|
||||
color: #ff0000;
|
||||
}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
.deep-import-url {
|
||||
color: red;
|
||||
}
|
||||
Generated
Vendored
+19
@@ -0,0 +1,19 @@
|
||||
@import "../css/background.css";
|
||||
@import "import-test-d.css";
|
||||
#logo {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: url('../assets/logo.png');
|
||||
background: url("#inline-svg");
|
||||
}
|
||||
@font-face {
|
||||
font-family: xecret;
|
||||
src: url('../assets/xecret.ttf');
|
||||
}
|
||||
#secret {
|
||||
font-family: xecret, sans-serif;
|
||||
}
|
||||
#imported-relative-path {
|
||||
background-image: url(../../data/image.jpg);
|
||||
border-image: url('../../data/image.jpg');
|
||||
}
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
@charset "ISO-8859-1";
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
this isn't very valid CSS.
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
.a {
|
||||
var: test;
|
||||
}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
#import {
|
||||
color: #ff0000;
|
||||
}
|
||||
+54
@@ -0,0 +1,54 @@
|
||||
.z {
|
||||
color: red;
|
||||
}
|
||||
.z .c {
|
||||
color: green;
|
||||
}
|
||||
.only-with-visible,
|
||||
.z {
|
||||
color: green;
|
||||
}
|
||||
.only-with-visible:hover,
|
||||
.z:hover {
|
||||
color: green;
|
||||
}
|
||||
.only-with-visible + .only-with-visible,
|
||||
.only-with-visible + .z,
|
||||
.z + .only-with-visible,
|
||||
.z + .z {
|
||||
color: green;
|
||||
}
|
||||
.only-with-visible + .only-with-visible .sub,
|
||||
.only-with-visible + .z .sub,
|
||||
.z + .only-with-visible .sub,
|
||||
.z + .z .sub {
|
||||
color: green;
|
||||
}
|
||||
.hidden {
|
||||
hidden: true;
|
||||
}
|
||||
@media tv {
|
||||
.hidden {
|
||||
hidden: true;
|
||||
}
|
||||
}
|
||||
/* comment is not output */
|
||||
.zz {
|
||||
/* comment pulled in */
|
||||
}
|
||||
.zz .y {
|
||||
pulled-in: yes /* inline comment survives */;
|
||||
}
|
||||
@supports (something: else) {
|
||||
.class {
|
||||
something: else;
|
||||
}
|
||||
.nestedToo .class {
|
||||
something: else;
|
||||
}
|
||||
.invisible {
|
||||
something: else;
|
||||
}
|
||||
}
|
||||
this isn't very valid CSS.
|
||||
this isn't very valid CSS.
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
#import {
|
||||
color: #ff0000;
|
||||
}
|
||||
.mixin {
|
||||
height: 10px;
|
||||
color: #ff0000;
|
||||
}
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
.test-f {
|
||||
height: 10px;
|
||||
}
|
||||
.deep-import-url {
|
||||
color: red;
|
||||
}
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
#import {
|
||||
color: #ff0000;
|
||||
}
|
||||
.mixin {
|
||||
height: 10px;
|
||||
color: #ff0000;
|
||||
}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
#import {
|
||||
color: #ff0000;
|
||||
}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
.test-f {
|
||||
height: 10px;
|
||||
}
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
@font-face {
|
||||
font-family: xecret;
|
||||
src: url('../assets/xecret.ttf');
|
||||
}
|
||||
#secret {
|
||||
font-family: xecret, sans-serif;
|
||||
}
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
#logo {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: url('../assets/logo.png');
|
||||
background: url("#inline-svg");
|
||||
}
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
data-uri {
|
||||
property: url('image.svg');
|
||||
}
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
.eval {
|
||||
js: 42;
|
||||
js: 2;
|
||||
js: "hello world";
|
||||
js: 1, 2, 3;
|
||||
title: "string";
|
||||
ternary: true;
|
||||
multiline: 2;
|
||||
}
|
||||
.scope {
|
||||
var: 42;
|
||||
escaped: 7px;
|
||||
}
|
||||
.vars {
|
||||
width: 8;
|
||||
}
|
||||
.escape-interpol {
|
||||
width: hello world;
|
||||
}
|
||||
.arrays {
|
||||
ary: "1, 2, 3";
|
||||
ary1: "1, 2, 3";
|
||||
}
|
||||
.test-tran {
|
||||
1: opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear;
|
||||
2: [opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear];
|
||||
3: opacity 0.3s ease-in 0.3s, max-height 0.6s linear, margin-bottom 0.4s linear;
|
||||
}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
.lazy-eval {
|
||||
width: 100%;
|
||||
}
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
@media (-o-min-device-pixel-ratio: 2/1) {
|
||||
.test-math-and-units {
|
||||
font: ignores 0/0 rules;
|
||||
test-division: 7em;
|
||||
simple: 2px;
|
||||
}
|
||||
}
|
||||
#units {
|
||||
t1: 22em;
|
||||
t2: 22;
|
||||
t3: 2em;
|
||||
t4: 22em;
|
||||
t5: 22em;
|
||||
t6: 2em;
|
||||
t7: 22em;
|
||||
t8: 22em;
|
||||
t9: 2em;
|
||||
t10: 22em;
|
||||
t11: 22em;
|
||||
t12: 2em;
|
||||
}
|
||||
+219
@@ -0,0 +1,219 @@
|
||||
@media print {
|
||||
.class {
|
||||
color: blue;
|
||||
}
|
||||
.class .sub {
|
||||
width: 42;
|
||||
}
|
||||
.top,
|
||||
header > h1 {
|
||||
color: #444444;
|
||||
}
|
||||
}
|
||||
@media screen {
|
||||
body {
|
||||
max-width: 480;
|
||||
}
|
||||
}
|
||||
@media all and (device-aspect-ratio: 16 / 9) {
|
||||
body {
|
||||
max-width: 800px;
|
||||
}
|
||||
}
|
||||
@media all and (orientation: portrait) {
|
||||
aside {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
@media handheld and (min-width: 42), screen and (min-width: 20em) {
|
||||
body {
|
||||
max-width: 480px;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
body {
|
||||
padding: 20px;
|
||||
}
|
||||
body header {
|
||||
background-color: red;
|
||||
}
|
||||
}
|
||||
@media print and (orientation: landscape) {
|
||||
body {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
@media screen {
|
||||
.sidebar {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
@media screen and (orientation: landscape) {
|
||||
.sidebar {
|
||||
width: 500px;
|
||||
}
|
||||
}
|
||||
@media a and b {
|
||||
.first .second .third {
|
||||
width: 300px;
|
||||
}
|
||||
.first .second .fourth {
|
||||
width: 3;
|
||||
}
|
||||
}
|
||||
@media a and b and c {
|
||||
.first .second .third {
|
||||
width: 500px;
|
||||
}
|
||||
}
|
||||
@media a, b and c {
|
||||
body {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
@media a and x, b and c and x, a and y, b and c and y {
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.a {
|
||||
background: black;
|
||||
}
|
||||
@media handheld {
|
||||
.a {
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
@media handheld and (max-width: 100px) {
|
||||
.a {
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
.b {
|
||||
background: black;
|
||||
}
|
||||
@media handheld {
|
||||
.b {
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
@media handheld and (max-width: 200px) {
|
||||
.b {
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 200px) {
|
||||
body {
|
||||
width: 480px;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
@page :left {
|
||||
margin: 0.5cm;
|
||||
}
|
||||
@page :right {
|
||||
margin: 0.5cm;
|
||||
}
|
||||
@page Test:first {
|
||||
margin: 1cm;
|
||||
}
|
||||
@page :first {
|
||||
size: 8.5in 11in;
|
||||
|
||||
@top-left {
|
||||
margin: 1cm;
|
||||
}
|
||||
@top-left-corner {
|
||||
margin: 1cm;
|
||||
}
|
||||
@top-center {
|
||||
margin: 1cm;
|
||||
}
|
||||
@top-right {
|
||||
margin: 1cm;
|
||||
}
|
||||
@top-right-corner {
|
||||
margin: 1cm;
|
||||
}
|
||||
@bottom-left {
|
||||
margin: 1cm;
|
||||
}
|
||||
@bottom-left-corner {
|
||||
margin: 1cm;
|
||||
}
|
||||
@bottom-center {
|
||||
margin: 1cm;
|
||||
}
|
||||
@bottom-right {
|
||||
margin: 1cm;
|
||||
}
|
||||
@bottom-right-corner {
|
||||
margin: 1cm;
|
||||
}
|
||||
@left-top {
|
||||
margin: 1cm;
|
||||
}
|
||||
@left-middle {
|
||||
margin: 1cm;
|
||||
}
|
||||
@left-bottom {
|
||||
margin: 1cm;
|
||||
}
|
||||
@right-top {
|
||||
margin: 1cm;
|
||||
}
|
||||
@right-middle {
|
||||
content: "Page " counter(page);
|
||||
}
|
||||
@right-bottom {
|
||||
margin: 1cm;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 128dpcm) {
|
||||
.b {
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
body {
|
||||
background: red;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
body {
|
||||
background: green;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
body {
|
||||
background: red;
|
||||
background: blue;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1000px) and (max-width: 500px) {
|
||||
body {
|
||||
background: green;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
/* a comment */
|
||||
}
|
||||
@media (max-width: 1200px) and (max-width: 900px) {
|
||||
body {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px) {
|
||||
.nav-justified > li {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (min-width: 480px) {
|
||||
.menu > li {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
@media all and tv {
|
||||
.all-and-tv-variables {
|
||||
var: all-and-tv;
|
||||
}
|
||||
}
|
||||
+34
@@ -0,0 +1,34 @@
|
||||
.test1 {
|
||||
transform: rotate(90deg), skew(30deg), scale(2, 4);
|
||||
}
|
||||
.test2 {
|
||||
transform: rotate(90deg), skew(30deg);
|
||||
transform: scaleX(45deg);
|
||||
}
|
||||
.test3 {
|
||||
transform: scaleX(45deg);
|
||||
background: url(data://img1.png);
|
||||
}
|
||||
.test4 {
|
||||
transform: rotate(90deg), skew(30deg);
|
||||
transform: scale(2, 4) !important;
|
||||
}
|
||||
.test5 {
|
||||
transform: rotate(90deg), skew(30deg);
|
||||
transform: scale(2, 4) !important;
|
||||
}
|
||||
.test6 {
|
||||
transform: scale(2, 4);
|
||||
}
|
||||
.test-interleaved {
|
||||
transform: t1, t2, t3;
|
||||
background: b1, b2, b3;
|
||||
}
|
||||
.test-spaced {
|
||||
transform: t1 t2 t3;
|
||||
background: b1 b2, b3;
|
||||
}
|
||||
.test-interleaved-with-spaced {
|
||||
transform: t1s, t2 t3s, t4 t5s t6s;
|
||||
background: b1 b2s, b3, b4;
|
||||
}
|
||||
+9
@@ -0,0 +1,9 @@
|
||||
.class {
|
||||
width: 99px;
|
||||
}
|
||||
.overwrite {
|
||||
width: 99px;
|
||||
}
|
||||
.nested .class {
|
||||
width: 5px;
|
||||
}
|
||||
Generated
Vendored
+129
@@ -0,0 +1,129 @@
|
||||
guard-default-basic-1-1 {
|
||||
case: 1;
|
||||
}
|
||||
guard-default-basic-1-2 {
|
||||
default: 2;
|
||||
}
|
||||
guard-default-basic-2-0 {
|
||||
default: 0;
|
||||
}
|
||||
guard-default-basic-2-2 {
|
||||
case: 2;
|
||||
}
|
||||
guard-default-basic-3-0 {
|
||||
default: 0;
|
||||
}
|
||||
guard-default-basic-3-2 {
|
||||
case: 2;
|
||||
}
|
||||
guard-default-basic-3-3 {
|
||||
case: 3;
|
||||
}
|
||||
guard-default-definition-order-0 {
|
||||
default: 0;
|
||||
}
|
||||
guard-default-definition-order-2 {
|
||||
case: 2;
|
||||
}
|
||||
guard-default-definition-order-2 {
|
||||
case: 3;
|
||||
}
|
||||
guard-default-out-of-guard-0 {
|
||||
case-0: default();
|
||||
case-1: 1;
|
||||
default: 2;
|
||||
case-2: default();
|
||||
}
|
||||
guard-default-out-of-guard-1 {
|
||||
default: default();
|
||||
}
|
||||
guard-default-out-of-guard-2 {
|
||||
default: default();
|
||||
}
|
||||
guard-default-expr-not-1 {
|
||||
case: 1;
|
||||
default: 1;
|
||||
}
|
||||
guard-default-expr-eq-true {
|
||||
case: true;
|
||||
}
|
||||
guard-default-expr-eq-false {
|
||||
case: false;
|
||||
default: false;
|
||||
}
|
||||
guard-default-expr-or-1 {
|
||||
case: 1;
|
||||
}
|
||||
guard-default-expr-or-2 {
|
||||
case: 2;
|
||||
default: 2;
|
||||
}
|
||||
guard-default-expr-or-3 {
|
||||
default: 3;
|
||||
}
|
||||
guard-default-expr-and-1 {
|
||||
case: 1;
|
||||
}
|
||||
guard-default-expr-and-2 {
|
||||
case: 2;
|
||||
}
|
||||
guard-default-expr-and-3 {
|
||||
default: 3;
|
||||
}
|
||||
guard-default-expr-always-1 {
|
||||
case: 1;
|
||||
default: 1;
|
||||
}
|
||||
guard-default-expr-always-2 {
|
||||
default: 2;
|
||||
}
|
||||
guard-default-expr-never-1 {
|
||||
case: 1;
|
||||
}
|
||||
guard-default-multi-1-0 {
|
||||
case: 0;
|
||||
}
|
||||
guard-default-multi-1-1 {
|
||||
default-1: 1;
|
||||
}
|
||||
guard-default-multi-2-1 {
|
||||
default-1: no;
|
||||
}
|
||||
guard-default-multi-2-2 {
|
||||
default-2: no;
|
||||
}
|
||||
guard-default-multi-2-3 {
|
||||
default-3: 3;
|
||||
}
|
||||
guard-default-multi-3-blue {
|
||||
case-2: #00008b;
|
||||
}
|
||||
guard-default-multi-3-green {
|
||||
default-color: #008000;
|
||||
}
|
||||
guard-default-multi-3-foo {
|
||||
case-1: I am 'foo';
|
||||
}
|
||||
guard-default-multi-3-baz {
|
||||
default-string: I am 'baz';
|
||||
}
|
||||
guard-default-multi-4 {
|
||||
always: 1;
|
||||
always: 2;
|
||||
case: 2;
|
||||
}
|
||||
guard-default-not-ambiguos-2 {
|
||||
case: 1;
|
||||
not-default: 2;
|
||||
}
|
||||
guard-default-not-ambiguos-3 {
|
||||
case: 1;
|
||||
not-default-1: 2;
|
||||
not-default-2: 2;
|
||||
}
|
||||
guard-default-scopes-3 {
|
||||
3: when default;
|
||||
}
|
||||
guard-default-scopes-1 {
|
||||
1: no condition;
|
||||
}
|
||||
+57
@@ -0,0 +1,57 @@
|
||||
.class {
|
||||
border: 1;
|
||||
boxer: 1;
|
||||
border-width: 1;
|
||||
border: 2 !important;
|
||||
boxer: 2 !important;
|
||||
border-width: 2 !important;
|
||||
border: 3;
|
||||
boxer: 3;
|
||||
border-width: 3;
|
||||
border: 4 !important;
|
||||
boxer: 4 !important;
|
||||
border-width: 4 !important;
|
||||
border: 5;
|
||||
boxer: 5;
|
||||
border-width: 5;
|
||||
border: 0 !important;
|
||||
boxer: 0 !important;
|
||||
border-width: 0 !important;
|
||||
border: 9 !important;
|
||||
border: 9;
|
||||
boxer: 9;
|
||||
border-width: 9;
|
||||
}
|
||||
.class .inner {
|
||||
test: 1;
|
||||
}
|
||||
.class .inner {
|
||||
test: 2 !important;
|
||||
}
|
||||
.class .inner {
|
||||
test: 3;
|
||||
}
|
||||
.class .inner {
|
||||
test: 4 !important;
|
||||
}
|
||||
.class .inner {
|
||||
test: 5;
|
||||
}
|
||||
.class .inner {
|
||||
test: 0 !important;
|
||||
}
|
||||
.class .inner {
|
||||
test: 9;
|
||||
}
|
||||
.when-calling-nested-issue-2394 {
|
||||
width: auto !important;
|
||||
}
|
||||
.when-calling-nested-with-param-issue-2394 {
|
||||
width: 10px !important;
|
||||
}
|
||||
.class1-2421 {
|
||||
margin: 5px !important;
|
||||
}
|
||||
.class2-2421 {
|
||||
margin: 5px;
|
||||
}
|
||||
+27
@@ -0,0 +1,27 @@
|
||||
.named-arg {
|
||||
color: blue;
|
||||
width: 5px;
|
||||
height: 99%;
|
||||
args: 1px 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.class {
|
||||
width: 5px;
|
||||
height: 19%;
|
||||
args: 1px 20%;
|
||||
}
|
||||
.all-args-wrong-args {
|
||||
width: 10px;
|
||||
height: 9%;
|
||||
args: 2px 10%;
|
||||
}
|
||||
.named-args2 {
|
||||
width: 15px;
|
||||
height: 49%;
|
||||
color: #646464;
|
||||
}
|
||||
.named-args3 {
|
||||
width: 5px;
|
||||
height: 29%;
|
||||
color: #123456;
|
||||
}
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
.class .inner {
|
||||
height: 300;
|
||||
}
|
||||
.class .inner .innest {
|
||||
width: 30;
|
||||
border-width: 60;
|
||||
}
|
||||
.class2 .inner {
|
||||
height: 600;
|
||||
}
|
||||
.class2 .inner .innest {
|
||||
width: 60;
|
||||
border-width: 120;
|
||||
}
|
||||
+51
@@ -0,0 +1,51 @@
|
||||
.zero {
|
||||
variadic: true;
|
||||
named-variadic: true;
|
||||
zero: 0;
|
||||
one: 1;
|
||||
two: 2;
|
||||
three: 3;
|
||||
}
|
||||
.one {
|
||||
variadic: true;
|
||||
named-variadic: true;
|
||||
one: 1;
|
||||
one-req: 1;
|
||||
two: 2;
|
||||
three: 3;
|
||||
}
|
||||
.two {
|
||||
variadic: true;
|
||||
named-variadic: true;
|
||||
two: 2;
|
||||
three: 3;
|
||||
}
|
||||
.three {
|
||||
variadic: true;
|
||||
named-variadic: true;
|
||||
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;
|
||||
}
|
||||
+144
@@ -0,0 +1,144 @@
|
||||
.mixin {
|
||||
border: 1px solid black;
|
||||
}
|
||||
.mixout {
|
||||
border-color: orange;
|
||||
}
|
||||
.borders {
|
||||
border-style: dashed;
|
||||
}
|
||||
.mixin > * {
|
||||
border: do not match me;
|
||||
}
|
||||
#namespace .borders {
|
||||
border-style: dotted;
|
||||
}
|
||||
#namespace .biohazard {
|
||||
content: "death";
|
||||
}
|
||||
#namespace .biohazard .man {
|
||||
color: transparent;
|
||||
}
|
||||
#theme > .mixin {
|
||||
background-color: grey;
|
||||
}
|
||||
#container {
|
||||
color: black;
|
||||
border: 1px solid black;
|
||||
border-color: orange;
|
||||
background-color: grey;
|
||||
}
|
||||
#header .milk {
|
||||
color: white;
|
||||
border: 1px solid black;
|
||||
background-color: grey;
|
||||
}
|
||||
#header #cookie {
|
||||
border-style: dashed;
|
||||
}
|
||||
#header #cookie .chips {
|
||||
border-style: dotted;
|
||||
}
|
||||
#header #cookie .chips .calories {
|
||||
color: black;
|
||||
border: 1px solid black;
|
||||
border-color: orange;
|
||||
background-color: grey;
|
||||
}
|
||||
.secure-zone {
|
||||
color: transparent;
|
||||
}
|
||||
.direct {
|
||||
border-style: dotted;
|
||||
}
|
||||
.bo,
|
||||
.bar {
|
||||
width: 100%;
|
||||
}
|
||||
.bo {
|
||||
border: 1px;
|
||||
}
|
||||
.ar.bo.ca {
|
||||
color: black;
|
||||
}
|
||||
.jo.ki {
|
||||
background: none;
|
||||
}
|
||||
.amp.support {
|
||||
color: orange;
|
||||
}
|
||||
.amp.support .higher {
|
||||
top: 0px;
|
||||
}
|
||||
.amp.support.deeper {
|
||||
height: auto;
|
||||
}
|
||||
.extended {
|
||||
width: 100%;
|
||||
border: 1px;
|
||||
background: none;
|
||||
color: orange;
|
||||
top: 0px;
|
||||
height: auto;
|
||||
}
|
||||
.extended .higher {
|
||||
top: 0px;
|
||||
}
|
||||
.extended.deeper {
|
||||
height: auto;
|
||||
}
|
||||
.do .re .mi .fa .sol .la .si {
|
||||
color: cyan;
|
||||
}
|
||||
.mutli-selector-parents {
|
||||
color: cyan;
|
||||
}
|
||||
.foo .bar {
|
||||
width: 100%;
|
||||
}
|
||||
.underParents {
|
||||
color: red;
|
||||
}
|
||||
.parent .underParents {
|
||||
color: red;
|
||||
}
|
||||
* + h1 {
|
||||
margin-top: 25px;
|
||||
}
|
||||
legend + h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
h1 + * {
|
||||
margin-top: 10px;
|
||||
}
|
||||
* + h2 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
legend + h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
h2 + * {
|
||||
margin-top: 8px;
|
||||
}
|
||||
* + h3 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
legend + h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
h3 + * {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.error {
|
||||
background-image: "/a.png";
|
||||
background-position: center center;
|
||||
}
|
||||
.test-rec .recursion {
|
||||
color: black;
|
||||
}
|
||||
.button {
|
||||
padding-left: 44px;
|
||||
}
|
||||
.button.large {
|
||||
padding-left: 40em;
|
||||
}
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
.gray-gradient {
|
||||
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjOTk5OTk5IiBzdG9wLW9wYWNpdHk9IjAuMSIvPjxzdG9wIG9mZnNldD0iNzMlIiBzdG9wLWNvbG9yPSIjOTk5OTk5IiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjOTk5OTk5IiBzdG9wLW9wYWNpdHk9IjAuNCIvPjxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjOTk5OTk5IiBzdG9wLW9wYWNpdHk9IjAuNDUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgLz48L3N2Zz4=');
|
||||
}
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
.a {
|
||||
a: 2;
|
||||
}
|
||||
Generated
Vendored
+12
@@ -0,0 +1,12 @@
|
||||
.test-2798 {
|
||||
regression: fixed;
|
||||
}
|
||||
.conditions-parser-1 {
|
||||
only-atomic: ok;
|
||||
}
|
||||
.conditions-parser-2 {
|
||||
only-atomic-with-nested-parenthesis: ok;
|
||||
}
|
||||
.conditions-parser-3 {
|
||||
only-atomic-nested-parenthesis-on-right: ok;
|
||||
}
|
||||
+36
@@ -0,0 +1,36 @@
|
||||
.parens {
|
||||
border: 2px solid #000000;
|
||||
margin: 1px 3px 16 3;
|
||||
width: 36;
|
||||
padding: 2px 36px;
|
||||
}
|
||||
.more-parens {
|
||||
padding: 8 4 4 4px;
|
||||
width-all: 96;
|
||||
width-first: 96;
|
||||
width-keep: 96;
|
||||
height-keep: 113;
|
||||
height-all: 113;
|
||||
height-parts: 113;
|
||||
margin-keep: 12;
|
||||
margin-parts: 12;
|
||||
margin-all: 12;
|
||||
border-radius-keep: 5px;
|
||||
border-radius-parts: 1.14285714px;
|
||||
border-radius-all: 5px;
|
||||
}
|
||||
.negative {
|
||||
neg-var: -1;
|
||||
neg-var-paren: -1;
|
||||
}
|
||||
.nested-parens {
|
||||
width: 71;
|
||||
height: 6;
|
||||
}
|
||||
.mixed-units {
|
||||
margin: 2px 4em 1 5pc;
|
||||
padding: 6px 1em 2px 2;
|
||||
}
|
||||
.test-false-negatives {
|
||||
a: (;
|
||||
}
|
||||
Generated
Vendored
+3
@@ -0,0 +1,3 @@
|
||||
.test {
|
||||
color: #ffffff;
|
||||
}
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
pi-test {
|
||||
border: 0;
|
||||
@not-variable: @not-variable;
|
||||
ufo-width: 50%;
|
||||
*-z-border: 1px dashed blue;
|
||||
-www-border-top: 2px;
|
||||
radius-is-not-a-border: true;
|
||||
border-top-left-radius: 2em;
|
||||
border-top-red-radius-: 3pt;
|
||||
global-local-mixer-property: strong;
|
||||
}
|
||||
pi-test-merge {
|
||||
pre-property-ish: high, middle, low, base;
|
||||
pre-property-ish+: nice try dude;
|
||||
}
|
||||
pi-indirect-vars {
|
||||
auto: auto;
|
||||
}
|
||||
pi-complex-values {
|
||||
3px rgba(255, 255, 0, 0.5), 3.141592653589793 /* foo */3px rgba(255, 255, 0, 0.5), 3.141592653589793 /* foo */: none;
|
||||
}
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
#first > .one {
|
||||
font-size: 2em;
|
||||
}
|
||||
#first > .one > #second .two > #deux {
|
||||
width: 50%;
|
||||
}
|
||||
#first > .one > #second .two > #deux #third {
|
||||
height: 100%;
|
||||
}
|
||||
#first > .one > #second .two > #deux #third:focus {
|
||||
color: black;
|
||||
}
|
||||
#first > .one > #second .two > #deux #third:focus #fifth > #sixth .seventh #eighth + #ninth {
|
||||
color: purple;
|
||||
}
|
||||
#first > .one > #second .two > #deux #fourth,
|
||||
#first > .one > #second .two > #deux #five,
|
||||
#first > .one > #second .two > #deux #six {
|
||||
color: #110000;
|
||||
}
|
||||
#first > .one > #second .two > #deux #fourth .seven,
|
||||
#first > .one > #second .two > #deux #five .seven,
|
||||
#first > .one > #second .two > #deux #six .seven,
|
||||
#first > .one > #second .two > #deux #fourth .eight > #nine,
|
||||
#first > .one > #second .two > #deux #five .eight > #nine,
|
||||
#first > .one > #second .two > #deux #six .eight > #nine {
|
||||
border: 1px solid black;
|
||||
}
|
||||
#first > .one > #second .two > #deux #fourth #ten,
|
||||
#first > .one > #second .two > #deux #five #ten,
|
||||
#first > .one > #second .two > #deux #six #ten {
|
||||
color: red;
|
||||
}
|
||||
+38
@@ -0,0 +1,38 @@
|
||||
.tiny-scope {
|
||||
color: #998899;
|
||||
}
|
||||
.scope1 {
|
||||
color: #0000ff;
|
||||
border-color: #000000;
|
||||
}
|
||||
.scope1 .scope2 {
|
||||
color: #0000ff;
|
||||
}
|
||||
.scope1 .scope2 .scope3 {
|
||||
color: #ff0000;
|
||||
border-color: #000000;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.scope {
|
||||
scoped-val: #008000;
|
||||
}
|
||||
.heightIsSet {
|
||||
height: 1024px;
|
||||
}
|
||||
.useHeightInMixinCall {
|
||||
mixin-height: 1024px;
|
||||
}
|
||||
.imported {
|
||||
exists: true;
|
||||
}
|
||||
.testImported {
|
||||
exists: true;
|
||||
}
|
||||
#allAreUsedHere {
|
||||
default: 'top level';
|
||||
scope: 'top level';
|
||||
sub-scope-only: 'inside';
|
||||
}
|
||||
#parentSelectorScope {
|
||||
prop: #ffffff;
|
||||
}
|
||||
+70
@@ -0,0 +1,70 @@
|
||||
.b {
|
||||
color: green;
|
||||
color: red;
|
||||
background: green;
|
||||
color: blue;
|
||||
background: #000000;
|
||||
}
|
||||
.b .c,
|
||||
.b .d {
|
||||
background: gray;
|
||||
}
|
||||
.b .c + .b .c,
|
||||
.b .c + .b .d,
|
||||
.b .d + .b .c,
|
||||
.b .d + .b .d {
|
||||
color: red;
|
||||
}
|
||||
.a,
|
||||
.b,
|
||||
.extend {
|
||||
background: green;
|
||||
}
|
||||
.a .c,
|
||||
.b .c,
|
||||
.a .d,
|
||||
.b .d,
|
||||
.extend .c,
|
||||
.extend .d {
|
||||
background: gray;
|
||||
}
|
||||
.a .c + .a .c,
|
||||
.a .c + .b .c,
|
||||
.a .c + .a .d,
|
||||
.a .c + .b .d,
|
||||
.b .c + .a .c,
|
||||
.b .c + .b .c,
|
||||
.b .c + .a .d,
|
||||
.b .c + .b .d,
|
||||
.a .d + .a .c,
|
||||
.a .d + .b .c,
|
||||
.a .d + .a .d,
|
||||
.a .d + .b .d,
|
||||
.b .d + .a .c,
|
||||
.b .d + .b .c,
|
||||
.b .d + .a .d,
|
||||
.b .d + .b .d,
|
||||
.extend .c + .extend .c,
|
||||
.extend .c + .b .c,
|
||||
.extend .c + .extend .d,
|
||||
.extend .c + .b .d,
|
||||
.b .c + .extend .c,
|
||||
.b .c + .extend .d,
|
||||
.extend .d + .extend .c,
|
||||
.extend .d + .b .c,
|
||||
.extend .d + .extend .d,
|
||||
.extend .d + .b .d,
|
||||
.b .d + .extend .c,
|
||||
.b .d + .extend .d {
|
||||
color: red;
|
||||
}
|
||||
.extend {
|
||||
color: pink;
|
||||
}
|
||||
/*comments*/
|
||||
.unused-css {
|
||||
color: white;
|
||||
}
|
||||
.imported {
|
||||
color: black;
|
||||
}
|
||||
+46
@@ -0,0 +1,46 @@
|
||||
@import "../css/background.css";
|
||||
@import "import-test-d.css";
|
||||
@font-face {
|
||||
src: url("/fonts/garamond-pro.ttf");
|
||||
src: local(Futura-Medium), url(fonts.svg#MyGeometricModern) format("svg");
|
||||
}
|
||||
#shorthands {
|
||||
background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
|
||||
}
|
||||
#misc {
|
||||
background-image: url(images/image.jpg);
|
||||
}
|
||||
#data-uri {
|
||||
background: url(data:image/png;charset=utf-8;base64,
|
||||
kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
|
||||
k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
|
||||
kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
|
||||
background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
|
||||
background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
|
||||
}
|
||||
#svg-data-uri {
|
||||
background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
|
||||
}
|
||||
.comma-delimited {
|
||||
background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
|
||||
}
|
||||
.values {
|
||||
url: url('Trebuchet');
|
||||
}
|
||||
#logo {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: url('../assets/logo.png');
|
||||
background: url("#inline-svg");
|
||||
}
|
||||
@font-face {
|
||||
font-family: xecret;
|
||||
src: url('../assets/xecret.ttf');
|
||||
}
|
||||
#secret {
|
||||
font-family: xecret, sans-serif;
|
||||
}
|
||||
#imported-relative-path {
|
||||
background-image: url(../../data/image.jpg);
|
||||
border-image: url('../../data/image.jpg');
|
||||
}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
.units {
|
||||
cancels-to-nothing: 1px;
|
||||
cancels: 6px;
|
||||
}
|
||||
+55
@@ -0,0 +1,55 @@
|
||||
#strings {
|
||||
background-image: url("http://son-of-a-banana.com");
|
||||
quotes: "~" "~";
|
||||
content: "#*%:&^,)!.(~*})";
|
||||
empty: "";
|
||||
brackets: "{" "}";
|
||||
escapes: "\"hello\" \\world";
|
||||
escapes2: "\"llo";
|
||||
}
|
||||
#comments {
|
||||
content: "/* hello */ // not-so-secret";
|
||||
}
|
||||
#single-quote {
|
||||
quotes: "'" "'";
|
||||
content: '""#!&""';
|
||||
empty: '';
|
||||
semi-colon: ';';
|
||||
}
|
||||
#escaped {
|
||||
filter: DX.Transform.MS.BS.filter(opacity=50);
|
||||
}
|
||||
#one-line {
|
||||
image: url(http://tooks.com);
|
||||
}
|
||||
#crazy {
|
||||
image: url(http://), "}", url("http://}");
|
||||
}
|
||||
#interpolation {
|
||||
url: "http://lesscss.org/dev/image.jpg";
|
||||
url2: "http://lesscss.org/image-256.jpg";
|
||||
url3: "http://lesscss.org#445566";
|
||||
url4: "http://lesscss.org/hello";
|
||||
url5: "http://lesscss.org/54.4px";
|
||||
}
|
||||
.mix-mul-class {
|
||||
color: #0000ff;
|
||||
color: #ff0000;
|
||||
color: #000000;
|
||||
color: #ffa500;
|
||||
}
|
||||
.watermark {
|
||||
family: Univers, Arial, Verdana, San-Serif;
|
||||
}
|
||||
#iterated-interpolation .mixin {
|
||||
width: @{box-large};
|
||||
weird: @{box-large};
|
||||
width-str: "@{box-large}";
|
||||
weird-str: "@{box-large}";
|
||||
}
|
||||
#iterated-interpolation .interpolation-mixin {
|
||||
width: 100px;
|
||||
weird: 100px;
|
||||
width-str: "100px";
|
||||
weird-str: "100px";
|
||||
}
|
||||
+56
@@ -0,0 +1,56 @@
|
||||
@font-face {
|
||||
src: url("/fonts/garamond-pro.ttf");
|
||||
src: local(Futura-Medium), url(fonts.svg#MyGeometricModern) format("svg");
|
||||
}
|
||||
#shorthands {
|
||||
background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
|
||||
background: url("img.jpg") center / 100px;
|
||||
background: #ffffff url(image.png) center / 1px 100px repeat-x scroll content-box padding-box;
|
||||
}
|
||||
#misc {
|
||||
background-image: url(images/image.jpg);
|
||||
}
|
||||
#data-uri {
|
||||
background: url(data:image/png;charset=utf-8;base64,
|
||||
kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
|
||||
k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
|
||||
kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
|
||||
background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
|
||||
background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
|
||||
background-image: url("http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700");
|
||||
}
|
||||
#svg-data-uri {
|
||||
background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
|
||||
}
|
||||
.comma-delimited {
|
||||
background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
|
||||
}
|
||||
.values {
|
||||
url: url('Trebuchet');
|
||||
}
|
||||
@font-face {
|
||||
font-family: xecret;
|
||||
src: url('../assets/xecret.ttf');
|
||||
}
|
||||
#secret {
|
||||
font-family: xecret, sans-serif;
|
||||
}
|
||||
#data-uri {
|
||||
uri: url('../../data/image.jpg');
|
||||
}
|
||||
#data-uri-guess {
|
||||
uri: url('../../data/image.jpg');
|
||||
}
|
||||
#data-uri-ascii {
|
||||
uri-1: url('../../data/page.html');
|
||||
uri-2: url('../../data/page.html');
|
||||
}
|
||||
#svg-functions {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+');
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNmZmE1MDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZGllbnQpIiAvPjwvc3ZnPg==');
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIvPjxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNmZmE1MDAiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDA4MDAwIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZGllbnQpIiAvPjwvc3ZnPg==');
|
||||
}
|
||||
#data-uri-with-spaces {
|
||||
background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
|
||||
background-image: url(' data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==');
|
||||
}
|
||||
+87
@@ -0,0 +1,87 @@
|
||||
@import "../css/background.css";
|
||||
@import "import-test-d.css";
|
||||
@import "file.css";
|
||||
.gray-gradient {
|
||||
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjOTk5OTk5IiBzdG9wLW9wYWNpdHk9IjAuMSIvPjxzdG9wIG9mZnNldD0iNzMlIiBzdG9wLWNvbG9yPSIjOTk5OTk5IiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjOTk5OTk5IiBzdG9wLW9wYWNpdHk9IjAuNCIvPjxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjOTk5OTk5IiBzdG9wLW9wYWNpdHk9IjAuNDUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgLz48L3N2Zz4=');
|
||||
}
|
||||
@font-face {
|
||||
src: url("/fonts/garamond-pro.ttf");
|
||||
src: local(Futura-Medium), url(fonts.svg#MyGeometricModern) format("svg");
|
||||
not-a-comment: url(//z);
|
||||
}
|
||||
#shorthands {
|
||||
background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
|
||||
background: url("img.jpg") center / 100px;
|
||||
background: #ffffff url(image.png) center / 1px 100px repeat-x scroll content-box padding-box;
|
||||
}
|
||||
#misc {
|
||||
background-image: url(images/image.jpg);
|
||||
}
|
||||
#data-uri {
|
||||
background: url(data:image/png;charset=utf-8;base64,
|
||||
kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
|
||||
k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
|
||||
kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
|
||||
background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
|
||||
background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
|
||||
background-image: url("http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700");
|
||||
}
|
||||
#svg-data-uri {
|
||||
background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
|
||||
}
|
||||
.comma-delimited {
|
||||
background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
|
||||
}
|
||||
.values {
|
||||
url: url('Trebuchet');
|
||||
}
|
||||
#logo {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: url('../assets/logo.png');
|
||||
background: url("#inline-svg");
|
||||
}
|
||||
@font-face {
|
||||
font-family: xecret;
|
||||
src: url('../assets/xecret.ttf');
|
||||
}
|
||||
#secret {
|
||||
font-family: xecret, sans-serif;
|
||||
}
|
||||
#imported-relative-path {
|
||||
background-image: url(../../data/image.jpg);
|
||||
border-image: url('../../data/image.jpg');
|
||||
}
|
||||
#relative-url-import {
|
||||
background-image: url(../../data/image.jpg);
|
||||
border-image: url('../../data/image.jpg');
|
||||
}
|
||||
#data-uri {
|
||||
uri: url('../data/image.jpg');
|
||||
background-image: url('../data/image.jpg'), url('../data/image.jpg');
|
||||
uri-fragment: url('../data/image.jpg#fragment');
|
||||
}
|
||||
#data-uri-guess {
|
||||
uri: url('../data/image.jpg');
|
||||
}
|
||||
#data-uri-ascii {
|
||||
uri-1: url('../data/page.html');
|
||||
uri-2: url('../data/page.html');
|
||||
}
|
||||
#file-functions {
|
||||
uri: url('../data/data-uri-fail.png');
|
||||
svg-not-base-64: url('../data/image.svg');
|
||||
size: image-size('../data/data-uri-fail.png');
|
||||
width: image-width('../data/data-uri-fail.png');
|
||||
height: image-height('../data/data-uri-fail.png');
|
||||
}
|
||||
#svg-functions {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+');
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNmZmE1MDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZGllbnQpIiAvPjwvc3ZnPg==');
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIvPjxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNmZmE1MDAiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDA4MDAwIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZGllbnQpIiAvPjwvc3ZnPg==');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'MyWebFont';
|
||||
src: url(webfont.eot);
|
||||
src: url('webfont.eot?#iefix') format('embedded-opentype'), url('webfont.woff') format('woff'), format('truetype') url('webfont.ttf'), url('webfont.svg#svgFontName') format('svg');
|
||||
}
|
||||
+18
@@ -0,0 +1,18 @@
|
||||
@charset "UTF-8";
|
||||
@namespace less "http://lesscss.org";
|
||||
@keyframes enlarger {
|
||||
from {
|
||||
font-size: 12px;
|
||||
}
|
||||
to {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes reducer {
|
||||
from {
|
||||
font-size: 13px;
|
||||
}
|
||||
to {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
.test {
|
||||
color: red;
|
||||
-some-aribitrary-property: value;
|
||||
}
|
||||
+42
@@ -0,0 +1,42 @@
|
||||
.whitespace {
|
||||
color: white;
|
||||
}
|
||||
.whitespace {
|
||||
color: white;
|
||||
}
|
||||
.whitespace {
|
||||
color: white;
|
||||
}
|
||||
.whitespace {
|
||||
color: white;
|
||||
}
|
||||
.whitespace {
|
||||
color: white ;
|
||||
}
|
||||
.white,
|
||||
.space,
|
||||
.mania {
|
||||
color: white;
|
||||
}
|
||||
.no-semi-column {
|
||||
color: #ffffff;
|
||||
}
|
||||
.no-semi-column {
|
||||
color: white;
|
||||
white-space: pre;
|
||||
}
|
||||
.no-semi-column {
|
||||
border: 2px solid #ffffff;
|
||||
}
|
||||
.newlines {
|
||||
background: the,
|
||||
great,
|
||||
wall;
|
||||
border: 2px
|
||||
solid
|
||||
black;
|
||||
}
|
||||
.sel .newline_ws .tab_ws {
|
||||
color: white;
|
||||
background-position: 45 -23;
|
||||
}
|
||||
Reference in New Issue
Block a user