Current Dev State

This commit is contained in:
Tim Lorsbach
2025-06-23 20:13:54 +02:00
parent b4f9bb277d
commit ded50edaa2
22617 changed files with 4345095 additions and 174 deletions

View File

@ -0,0 +1 @@
@charset "UTF-8";

View File

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

View File

@ -0,0 +1,83 @@
/******************\
* *
* 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: grey, /* blue */ orange;
-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 {
/* and Chrome */
0% {
color: red;
}
}
#last {
color: blue;
}
/* */
/* { */
/* */
/* */
/* */
#div {
color: #A33;
}
/* } */
/*by block */
#output-block {
comment: /* // Not commented out // */;
}
/*comment on last line*/

View File

@ -0,0 +1,18 @@
@-webkit-keyframes hover {
/* Safari and Chrome */
}
.bg {
background-image: linear-gradient(#333 /*{comment}*/, #111);
}
#planadvisor,
.first,
.planning {
margin: 10px;
total-width: (1 * 6em * 12) + (2em * 12);
}
.some-inline-comments {
a: yes /* comment */;
b: red /* comment */;
c: yes /* comment */;
d: red /* comment */;
}

View File

@ -0,0 +1,3 @@
#colours{color1:#fea;color2:#ffeeaa;color3:rgba(255,238,170,0.1);string:"#fea";/*! but not this type
Note preserved whitespace
*/}dimensions{val:.1px;val:0;val:4cm;val:.2;val:5;angles-must-have-unit:0deg;durations-must-have-unit:0s;length-doesnt-have-unit:0;width:auto\9}@page{marks:none;@top-left-corner{vertical-align:top}@top-left{vertical-align:top}}.shadow^.dom,body^^.shadow{display:done}

157
static/js/ketcher2/node_modules/less/test/css/css-3.css generated vendored Normal file
View File

@ -0,0 +1,157 @@
.comma-delimited {
text-shadow: -1px -1px 1px red, 6px 5px 5px yellow;
-moz-box-shadow: 0pt 0pt 2px rgba(255, 255, 255, 0.4) inset, 0pt 4px 6px rgba(255, 255, 255, 0.4) inset;
-webkit-transform: rotate(0deg);
}
@font-face {
font-family: Headline;
unicode-range: U+??????, U+0???, U+0-7F, U+A5;
}
.other {
-moz-transform: translate(0, 11em) rotate(-90deg);
transform: rotateX(45deg);
}
.item[data-cra_zy-attr1b-ut3=bold] {
font-weight: bold;
}
p:not([class*="lead"]) {
color: black;
}
input[type="text"].class#id[attr=32]:not(1) {
color: white;
}
div#id.class[a=1][b=2].class:not(1) {
color: white;
}
ul.comma > li:not(:only-child)::after {
color: white;
}
ol.comma > li:nth-last-child(2)::after {
color: white;
}
li:nth-child(4n+1),
li:nth-child(-5n),
li:nth-child(-n+2) {
color: white;
}
a[href^="http://"] {
color: black;
}
a[href$="http://"] {
color: black;
}
form[data-disabled] {
color: black;
}
p::before {
color: black;
}
#issue322 {
-webkit-animation: anim2 7s infinite ease-in-out;
}
@-webkit-keyframes frames {
0% {
border: 1px;
}
5.5% {
border: 2px;
}
100% {
border: 3px;
}
}
@keyframes fontbulger1 {
to {
font-size: 15px;
}
from,
to {
font-size: 12px;
}
0%,
100% {
font-size: 12px;
}
}
.units {
font: 1.2rem/2rem;
font: 8vw/9vw;
font: 10vh/12vh;
font: 12vm/15vm;
font: 12vmin/15vmin;
font: 1.2ch/1.5ch;
}
@supports ( box-shadow: 2px 2px 2px black ) or
( -moz-box-shadow: 2px 2px 2px black ) {
.outline {
box-shadow: 2px 2px 2px black;
-moz-box-shadow: 2px 2px 2px black;
}
}
@-x-document url-prefix(""github.com"") {
h1 {
color: red;
}
}
@viewport {
font-size: 10px;
}
@namespace foo url(http://www.example.com);
foo|h1 {
color: blue;
}
foo|* {
color: yellow;
}
|h1 {
color: red;
}
*|h1 {
color: green;
}
h1 {
color: green;
}
.upper-test {
UpperCaseProperties: allowed;
}
@host {
div {
display: block;
}
}
::distributed(input::placeholder) {
color: #b3b3b3;
}
.shadow ^ .dom,
body ^^ .shadow {
display: done;
}
:host(.sel .a),
:host-context(.sel .b),
.sel /deep/ .b,
::content .sel {
type: shadow-dom;
}
/deep/ b {
c: 'd';
}
/deep/ b[e] {
f: 'g';
}
#issue2066 {
background: url('/images/icon-team.svg') 0 0 / contain;
}
@counter-style triangle {
system: cyclic;
symbols: ;
suffix: " ";
}
@-ms-viewport {
}
@unknown foo 42 (bar) {
x {
y: z;
}
}
@unknown foo 43;

View File

@ -0,0 +1,24 @@
.escape\|random\|char {
color: red;
}
.mixin\!tUp {
font-weight: bold;
}
.\34 04 {
background: red;
}
.\34 04 strong {
color: fuchsia;
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;
}

View File

@ -0,0 +1,37 @@
.light {
color: green;
}
.see-the {
color: green;
}
.hide-the {
color: green;
}
.multiple-conditions-1 {
color: red;
}
.inheritance .test {
color: black;
}
.inheritance:hover {
color: pink;
}
.clsWithGuard {
dispaly: none;
}
.dont-split-me-up {
width: 1px;
color: red;
height: 1px;
}
+ .dont-split-me-up {
sibling: true;
}
.scope-check {
sub-prop: 2px;
prop: 1px;
}
.scope-check-2 {
sub-prop: 2px;
prop: 1px;
}

95
static/js/ketcher2/node_modules/less/test/css/css.css generated vendored Normal file
View File

@ -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: 5px / 10px;
}
.misc {
-moz-border-radius: 2px;
display: -moz-inline-stack;
width: .1em;
background-color: #009998;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(blue));
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;
}

View File

@ -0,0 +1,50 @@
@charset "UTF-8";
/* line 1, {pathimport}test.less */
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\000031}}
/* @charset "ISO-8859-1"; */
/* line 23, {pathimport}test.less */
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\0000323}}
.tst3 {
color: grey;
}
/* line 15, {path}linenumbers.less */
@media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\0000315}}
.test1 {
color: black;
}
/* line 6, {path}linenumbers.less */
@media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\000036}}
.test2 {
color: red;
}
@media all {
/* line 5, {pathimport}test.less */
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\000035}}
.tst {
color: black;
}
}
@media all and screen {
/* line 7, {pathimport}test.less */
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\000037}}
.tst {
color: red;
}
/* line 9, {pathimport}test.less */
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\000039}}
.tst .tst3 {
color: white;
}
}
/* line 18, {pathimport}test.less */
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\0000318}}
.tst2 {
color: white;
}
/* line 27, {path}linenumbers.less */
@media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\0000327}}
.test {
color: red;
width: 2;
}

View File

@ -0,0 +1,41 @@
@charset "UTF-8";
/* line 1, {pathimport}test.less */
/* @charset "ISO-8859-1"; */
/* line 23, {pathimport}test.less */
.tst3 {
color: grey;
}
/* line 15, {path}linenumbers.less */
.test1 {
color: black;
}
/* line 6, {path}linenumbers.less */
.test2 {
color: red;
}
@media all {
/* line 5, {pathimport}test.less */
.tst {
color: black;
}
}
@media all and screen {
/* line 7, {pathimport}test.less */
.tst {
color: red;
}
/* line 9, {pathimport}test.less */
.tst .tst3 {
color: white;
}
}
/* line 18, {pathimport}test.less */
.tst2 {
color: white;
}
/* line 27, {path}linenumbers.less */
.test {
color: red;
width: 2;
}

View File

@ -0,0 +1,41 @@
@charset "UTF-8";
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\000031}}
/* @charset "ISO-8859-1"; */
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\0000323}}
.tst3 {
color: grey;
}
@media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\0000315}}
.test1 {
color: black;
}
@media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\000036}}
.test2 {
color: red;
}
@media all {
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\000035}}
.tst {
color: black;
}
}
@media all and screen {
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\000037}}
.tst {
color: red;
}
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\000039}}
.tst .tst3 {
color: white;
}
}
@media -sass-debug-info{filename{font-family:file\:\/\/{pathimportesc}test\.less}line{font-family:\0000318}}
.tst2 {
color: white;
}
@media -sass-debug-info{filename{font-family:file\:\/\/{pathesc}linenumbers\.less}line{font-family:\0000327}}
.test {
color: red;
width: 2;
}

View File

@ -0,0 +1,76 @@
.wrap-selector {
color: black;
one: 1px;
four: magic-frame;
visible-one: visible;
visible-two: visible;
}
.wrap-selector {
color: red;
visible-one: visible;
visible-two: visible;
}
.wrap-selector {
color: black;
background: white;
visible-one: visible;
visible-two: visible;
}
header {
background: blue;
}
@media screen and (min-width: 1200) {
header {
background: red;
}
}
html.lt-ie9 header {
background: red;
}
.wrap-selector {
test: extra-wrap;
visible-one: visible;
visible-two: visible;
}
.wrap-selector .wrap-selector {
test: wrapped-twice;
visible-one: visible;
visible-two: visible;
}
.wrap-selector {
test-func: 90;
test-arithmetic: 18px;
visible-one: visible;
visible-two: visible;
}
.without-mixins {
b: 1;
}
@media (orientation: portrait) and tv {
.my-selector {
background-color: black;
}
}
@media (orientation: portrait) and widescreen and print and tv {
.triple-wrapped-mq {
triple: true;
}
}
@media (orientation: portrait) and widescreen and tv {
.triple-wrapped-mq {
triple: true;
}
}
@media (orientation: portrait) and tv {
.triple-wrapped-mq {
triple: true;
}
}
.a {
test: test;
}
.argument-default {
default: works;
direct: works;
named: works;
}

View File

@ -0,0 +1,119 @@
.parent {
color: green;
}
@document url-prefix() {
.parent .child {
color: red;
}
}
@supports (sandwitch: butter) {
.inside .top {
property: value;
}
}
@supports (sandwitch: bread) {
.in1 .in2 {
property: value;
}
}
@supports (sandwitch: ham) {
.inside .top {
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) {
.outOfMedia {
property: value;
}
}
}
}
@supports (property: value) {
@media (max-size: 2px) {
@supports (whatever: something) {
.onTop {
property: value;
}
}
}
}
@media print {
html {
in-html: visible;
}
@supports (upper: test) {
html {
in-supports: first;
}
html div {
in-div: visible;
}
@supports not (-webkit-font-smoothing: subpixel-antialiased) {
html div {
in-supports: second;
}
@media 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) {
.in2 .in1 {
property: value;
}
}
}
}
html {
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
}
@supports not (-webkit-font-smoothing: subpixel-antialiased) {
html {
font-weight: 400;
}
html 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;
}
}

View File

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -0,0 +1,87 @@
.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 {
border: solid 1px black;
}
.issue-2586-somepage .content > span {
margin-bottom: 10px;
}

View File

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

View File

@ -0,0 +1,133 @@
.multiunit {
length: 6;
extract: abc "abc" 1 1px 1% #123;
}
.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: blue;
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;
}

View File

@ -0,0 +1,3 @@
.test {
color: red;
}

View File

@ -0,0 +1,201 @@
#functions {
color: #660000;
width: 16;
height: undefined("self");
border-width: 5;
variable: 11;
background: linear-gradient(#000, #fff);
}
#built-in {
escaped: -Some::weird(#thing, y);
lighten: #ffcccc;
lighten-relative: #ff6666;
darken: #330000;
darken-relative: #990000;
saturate: #203c31;
saturate-relative: #28342f;
desaturate: #29332f;
desaturate-relative: #233930;
greyscale: #2e2e2e;
hsl-clamp: #ffffff;
spin-p: #bf6a40;
spin-n: #bf4055;
luma-white: 100%;
luma-black: 0%;
luma-black-alpha: 0%;
luma-red: 21.26%;
luma-green: 71.52%;
luma-blue: 7.22%;
luma-yellow: 92.78%;
luma-cyan: 78.74%;
luma-differs-from-luminance: 23.89833349%;
luminance-white: 100%;
luminance-black: 0%;
luminance-black-alpha: 0%;
luminance-red: 21.26%;
luminance-differs-from-luma: 36.40541176%;
contrast-filter: contrast(30%);
saturate-filter: saturate(5%);
contrast-white: #000000;
contrast-black: #ffffff;
contrast-red: #ffffff;
contrast-green: #000000;
contrast-blue: #ffffff;
contrast-yellow: #000000;
contrast-cyan: #000000;
contrast-light: #111111;
contrast-dark: #eeeeee;
contrast-wrongorder: #111111;
contrast-light-thresh: #111111;
contrast-dark-thresh: #eeeeee;
contrast-high-thresh: #eeeeee;
contrast-low-thresh: #111111;
contrast-light-thresh-per: #111111;
contrast-dark-thresh-per: #eeeeee;
contrast-high-thresh-per: #eeeeee;
contrast-low-thresh-per: #111111;
replace: "Hello, World!";
replace-captured: "This is a new string.";
replace-with-flags: "2 + 2 = 4";
replace-single-quoted: 'foo-2';
replace-escaped-string: bar-2;
replace-keyword: baz-2;
replace-with-color: "#135#1357";
replace-with-number: "2em07";
format: "rgb(32, 128, 64)";
format-string: "hello world";
format-multiple: "hello earth 2";
format-url-encode: "red is %23ff0000";
format-single-quoted: 'hello single world';
format-escaped-string: hello escaped world;
format-color-as-string: "#123";
format-number-as-string: "4px";
eformat: rgb(32, 128, 64);
unitless: 12;
unit: 14em;
unitpercentage: 100%;
get-unit: px;
get-unit-empty: ;
hue: 98;
saturation: 12%;
lightness: 95%;
hsvhue: 98;
hsvsaturation: 12%;
hsvvalue: 95%;
red: 255;
green: 255;
blue: 255;
rounded: 11;
rounded-two: 10.67;
roundedpx: 3px;
roundedpx-three: 3.333px;
rounded-percentage: 10%;
ceil: 11px;
floor: 12px;
sqrt: 5px;
pi: 3.14159265;
mod: 2m;
abs: 4%;
tan: 0.90040404;
sin: 0.17364818;
cos: 0.84385396;
atan: 0.1rad;
atan: 34deg;
atan: 45deg;
pow: 64px;
pow: 64;
pow: 27;
min: 0;
min: 5;
min: 1pt;
min: 3mm;
max: 3;
max: 5em;
percentage: 20%;
color-quoted-digit: #dda0dd;
color-quoted-keyword: #dda0dd;
color-color: #dda0dd;
color-keyword: #dda0dd;
tint: #898989;
tint-full: #ffffff;
tint-percent: #898989;
tint-negative: #656565;
shade: #686868;
shade-full: #000000;
shade-percent: #686868;
shade-negative: #868686;
fade-out: rgba(255, 0, 0, 0.95);
fade-in: rgba(255, 0, 0, 0.95);
fade-out-relative: rgba(255, 0, 0, 0.95);
fade-in-relative: rgba(255, 0, 0, 0.945);
fade-out2: rgba(255, 0, 0, 0);
fade-out2-relative: rgba(255, 0, 0, 0.25);
hsv: #4d2926;
hsva: rgba(77, 40, 38, 0.2);
mix: #ff3300;
mix-0: #ffff00;
mix-100: #ff0000;
mix-weightless: #ff8000;
mixt: rgba(255, 0, 0, 0.5);
}
#built-in .is-a {
ruleset: true;
color: true;
color1: true;
color2: true;
color3: true;
keyword: true;
number: true;
string: true;
pixel: true;
percent: true;
em: true;
cat: true;
no-unit-is-empty: true;
case-insensitive-1: true;
case-insensitive-2: true;
}
#alpha {
alpha: rgba(153, 94, 51, 0.6);
alpha2: 0.5;
alpha3: 0;
}
#blendmodes {
multiply: #ed0000;
screen: #f600f6;
overlay: #ed0000;
softlight: #fa0000;
hardlight: #0000ed;
difference: #f600f6;
exclusion: #f600f6;
average: #7b007b;
negation: #d73131;
}
#extract-and-length {
extract: 3 2 1 C B A;
length: 6;
}
#quoted-functions-in-mixin {
replace-double-quoted: 'foo-2';
replace-single-quoted: 'foo-4';
replace-escaped-string: bar-2;
replace-keyword: baz-2;
replace-anonymous: qux-2;
format-double-quoted: "hello world";
format-single-quoted: 'hello single world';
format-escaped-string: hello escaped world;
format-keyword: hello;
format-anonymous: hello anonymous world;
}
#list-details {
length: 2;
one: a 1;
two: b 2;
two-length: 2;
two-one: b;
two-two: 2;
}
/* comment1 */
html {
color: #8080ff;
}

View File

@ -0,0 +1,12 @@
/**
* Test
*/
#header {
color: #333333;
border-left: 1px;
border-right: 2px;
}
#footer {
color: #114411;
border-color: #f20d0d;
}

View File

@ -0,0 +1,6 @@
/**
* Test
*/
.class {
color: red;
}

View File

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

View File

@ -0,0 +1,8 @@
#import {
color: red;
}
@media (min-width: 600px) {
#css { color: yellow; }
}
this isn't very valid CSS.

View File

@ -0,0 +1,13 @@
body {
width: 100%;
}
#logo {
width: 100px;
height: 100px;
background: url('../assets/logo.png');
background: url("#inline-svg");
}
.a {
var: test;
}

View File

@ -0,0 +1,15 @@
#import {
color: red;
}
body {
width: 100%;
}
.test-f {
height: 10px;
}
body {
width: 100%;
}
.test-f {
height: 10px;
}

View File

@ -0,0 +1,24 @@
.test-c {
background-color: green;
}
.theOnlySelector {
shall-have: one selector;
}
show-all-content {
/*
tralala
*/
}
show-all-content .fix {
fix: fix;
}
show-all-content .something {
inside: something;
}
#used-namespaced-mixin {
was: included;
shall-see: another property above;
}
call-mixin-with-import-by-reference-inside {
the-only-property: nothing-below-this;
}

View File

@ -0,0 +1,97 @@
input[type="text"].class#id[attr=32]:not(1) {
color: white;
}
div#id.class[a=1][b=2].class:not(1) {
color: white;
}
@media print {
.class {
color: blue;
}
.class .sub {
width: 42;
}
}
.visible {
color: red;
}
.visible .c {
color: green;
}
.visible {
color: green;
}
.visible:hover {
color: green;
}
.only-with-visible + .visible,
.visible + .only-with-visible,
.visible + .visible {
color: green;
}
.only-with-visible + .visible .sub,
.visible + .only-with-visible .sub,
.visible + .visible .sub {
color: green;
}
@supports (something: else) {
.class {
something: else;
}
.nestedToo .class {
something: else;
}
}
.b {
color: red;
color: green;
}
.b .c {
color: green;
}
.b:hover {
color: green;
}
.b + .b {
color: green;
}
.b + .b .sub {
color: green;
}
.y {
pulled-in: yes /* inline comment survives */;
}
/* comment pulled in */
.visible {
extend: test;
}
.test-mediaq-import {
color: green;
test: 340px;
}
@media (max-size: 450px) {
.test-mediaq-import {
color: red;
}
}
.test {
color: red;
}
.test:first-child {
color: blue;
}
@keyframes some-name {
property: value;
}
@supports (animation-name: test) {
@keyframes some-name {
property: value;
}
.selector {
color: red;
}
}
div {
this isn't very valid CSS.
}
this isn't very valid CSS.

View File

@ -0,0 +1,49 @@
@charset "UTF-8";
/** comment at the top**/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(/absolute/something.css) screen and (color) and (max-width: 600px);
@import url("//ha.com/file.css") (min-width: 100px);
#import-test {
height: 10px;
color: red;
width: 10px;
height: 30%;
}
@media screen and (max-width: 600px) {
body {
width: 100%;
}
}
#import {
color: red;
}
.mixin {
height: 10px;
color: red;
}
.test-f {
height: 10px;
}
.deep-import-url {
color: red;
}
@media screen and (max-width: 601px) {
#css {
color: yellow;
}
}
@media screen and (max-width: 602px) {
body {
width: 100%;
}
}
@media screen and (max-width: 603px) {
#css {
color: yellow;
}
}
@media print {
body {
width: 100%;
}
}

View File

@ -0,0 +1,3 @@
data-uri {
property: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20height%3D%22100%22%20width%3D%22100%22%3E%0A%20%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2240%22%20stroke%3D%22black%22%20stroke-width%3D%221%22%20fill%3D%22blue%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

View File

@ -0,0 +1,9 @@
body {
width: 100%;
}
data-uri {
property: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20height%3D%22100%22%20width%3D%22100%22%3E%0A%20%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2240%22%20stroke%3D%22black%22%20stroke-width%3D%221%22%20fill%3D%22blue%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
image-size {
property: 100px 100px;
}

View File

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

View File

@ -0,0 +1,3 @@
.lazy-eval {
width: 100%;
}

View File

@ -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: 22em;
t3: 2em;
t4: 22em;
t5: 22em;
t6: 2em;
t7: 22em;
t8: 22em;
t9: 2em;
t10: 22em;
t11: 22em;
t12: 2em;
}

218
static/js/ketcher2/node_modules/less/test/css/media.css generated vendored Normal file
View File

@ -0,0 +1,218 @@
@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;
}
}

View File

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

View File

@ -0,0 +1,163 @@
#hidden {
color: transparent;
}
#hidden1 {
color: transparent;
}
.two-args {
color: blue;
width: 10px;
height: 99%;
border: 2px dotted black;
}
.one-arg {
width: 15px;
height: 49%;
}
.no-parens {
width: 5px;
height: 49%;
}
.no-args {
width: 5px;
height: 49%;
}
.var-args {
width: 45;
height: 17%;
}
.multi-mix {
width: 10px;
height: 29%;
margin: 4;
padding: 5;
}
body {
padding: 30px;
color: #f00;
}
.scope-mix {
width: 8;
}
.content {
width: 600px;
}
.content .column {
margin: 600px;
}
#same-var-name {
radius: 5px;
}
#var-inside {
width: 10px;
}
.arguments {
border: 1px solid black;
width: 1px;
}
.arguments2 {
border: 0px;
width: 0px;
}
.arguments3 {
border: 0px;
width: 0px;
}
.arguments4 {
border: 0 1 2 3 4;
rest: 1 2 3 4;
width: 0;
}
.edge-case {
border: "{";
width: "{";
}
.slash-vs-math {
border-radius: 2px/5px;
border-radius: 5px/10px;
border-radius: 6px;
}
.comma-vs-semi-colon {
one: a;
two: b, c;
one: d, e;
two: f;
one: g;
one: h;
one: i;
one: j;
one: k;
two: l;
one: m, n;
one: o, p;
two: q;
one: r, s;
two: t;
}
#named-conflict {
four: a, 11, 12, 13;
four: a, 21, 22, 23;
}
.test-mixin-default-arg {
defaults: 1px 1px 1px;
defaults: 2px 2px 2px;
}
.selector {
margin: 2, 2, 2, 2;
}
.selector2 {
margin: 2, 2, 2, 2;
}
.selector3 {
margin: 4;
}
mixins-args-expand-op-1 {
m3: 1, 2, 3;
}
mixins-args-expand-op-2 {
m3: 4, 5, 6;
}
mixins-args-expand-op-3a {
m3: a, b, c;
}
mixins-args-expand-op-3b {
m4: 0, a, b, c;
}
mixins-args-expand-op-3c {
m4: a, b, c, 4;
}
mixins-args-expand-op-4a {
m3: a, b, c, d;
}
mixins-args-expand-op-4b {
m4: 0, a, b, c, d;
}
mixins-args-expand-op-4c {
m4: a, b, c, d, 4;
}
mixins-args-expand-op-5a {
m3: 1, 2, 3;
}
mixins-args-expand-op-5b {
m4: 0, 1, 2, 3;
}
mixins-args-expand-op-5c {
m4: 1, 2, 3, 4;
}
mixins-args-expand-op-6 {
m4: 0, 1, 2, 3;
}
mixins-args-expand-op-7 {
m4: 0, 1, 2, 3;
}
mixins-args-expand-op-8 {
m4: 1, 1.5, 2, 3;
}
mixins-args-expand-op-9 {
aa: 4 5 6 1 2 3 and again 4 5 6;
a4: and;
a8: 5;
}
#test-mixin-matching-when-default-2645 {
height: 20px;
}

View File

@ -0,0 +1,9 @@
.class {
width: 99px;
}
.overwrite {
width: 99px;
}
.nested .class {
width: 5px;
}

View File

@ -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: darkblue;
}
guard-default-multi-3-green {
default-color: green;
}
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;
}

View File

@ -0,0 +1,211 @@
.light1 {
color: white;
margin: 1px;
}
.light2 {
color: black;
margin: 1px;
}
.max1 {
width: 6;
}
.max2 {
width: 8;
}
.glob1 {
margin: auto auto;
}
.ops1 {
height: gt-or-eq;
height: lt-or-eq;
height: lt-or-eq-alias;
}
.ops2 {
height: gt-or-eq;
height: not-eq;
}
.ops3 {
height: lt-or-eq;
height: lt-or-eq-alias;
height: not-eq;
}
.default1 {
content: default;
}
.test1 {
content: "true.";
}
.test2 {
content: "false.";
}
.test3 {
content: "false.";
}
.test4 {
content: "false.";
}
.test5 {
content: "false.";
}
.bool1 {
content: true and true;
content: true;
content: false, true;
content: false and true and true, true;
content: false, true and true;
content: false, false, true;
content: false, true and true and true, false;
content: not false;
content: not false and false, not false;
}
.equality-units {
test: pass;
}
.colorguardtest {
content: is red;
content: is not blue its red;
content: is not blue its purple;
}
.stringguardtest {
content: "theme1" is "theme1";
content: "theme1" is not "theme2";
content: "theme1" is 'theme1';
content: "theme1" is not 'theme2';
content: 'theme1' is "theme1";
content: 'theme1' is not "theme2";
content: 'theme1' is 'theme1';
content: 'theme1' is not 'theme2';
content: theme1 is not "theme2";
content: theme1 is not 'theme2';
content: theme1 is theme1;
}
.variouse-types-comparison {
/**/
content: true is not equal to false;
content: false is not equal to true too;
/**/
content: 1 is not equal to true;
content: true is not equal to 1 too;
/**/
content: 2 is equal to 2px;
content: 2px is equal to 2 too;
/**/
content: 3 is equal to 3;
content: 3 is equal to 3 too;
/**/
content: 5 is not equal to 4;
content: 4 is not equal to 5 too;
/**/
content: abc is equal to abc;
content: abc is equal to abc too;
/**/
content: abc is not equal to "abc";
content: "abc" is not equal to abc too;
/**/
content: 'abc' is less than "abd";
content: "abd" is greater than 'abc' too;
content: 'abc' is not equal to "abd";
content: "abd" is not equal to 'abc' too;
/**/
content: 6 is equal to 6;
content: 6 is equal to 6 too;
/**/
content: 8 is less than 9 too;
content: 9 is greater than 8;
content: 9 is not equal to 8;
content: 8 is not equal to 9 too;
/**/
content: a is not equal to b;
content: b is not equal to a too;
/**/
content: 1 2 is not equal to 3;
content: 3 is not equal to 1 2 too;
}
.list-comparison {
/**/
content: a b c is equal to a b c;
content: a b c is equal to a b c too;
/**/
content: a b c is not equal to a b d;
content: a b d is not equal to a b c too;
/**/
content: a, b, c is equal to a, b, c;
content: a, b, c is equal to a, b, c too;
/**/
content: a, b, c is not equal to a, b, d;
content: a, b, d is not equal to a, b, c too;
/**/
content: 1 2px 300ms is equal to 1em 2 0.3s;
content: 1em 2 0.3s is equal to 1 2px 300ms too;
/**/
content: 1 2 3 is not equal to 1, 2, 3;
content: 1, 2, 3 is not equal to 1 2 3 too;
/**/
content: 1, 2, 3 is equal to 1, 2, 3;
content: 1, 2, 3 is equal to 1, 2, 3 too;
/**/
content: 1 2 3 1, 2, 3 is equal to 1 2 3 1, 2, 3;
content: 1 2 3 1, 2, 3 is equal to 1 2 3 1, 2, 3 too;
/**/
content: 1 2 3 1, 2, 3 is not equal to 1, 2, 3 1 2 3;
content: 1, 2, 3 1 2 3 is not equal to 1 2 3 1, 2, 3 too;
/**/
content: 1 2 3 1, 2, 3 4 is equal to 1 2 3 1, 2, 3 4;
content: 1 2 3 1, 2, 3 4 is equal to 1 2 3 1, 2, 3 4 too;
}
#tryNumberPx {
catch: all;
declare: 4;
declare: 4px;
}
.call-lock-mixin .call-inner-lock-mixin {
a: 1;
x: 1;
}
.mixin-generated-class {
a: 1;
}
#guarded-caller {
guarded: namespace;
silent: namespace;
guarded: with default;
}
#guarded-deeper {
should: match 1;
}
#parenthesisNot-true {
parenthesisNot: just-value;
parenthesisNot: negated twice 1;
parenthesisNot: negated twice 2;
parenthesisNot: negated twice 3;
}
#parenthesisNot-false {
parenthesisNot: negated once inside;
parenthesisNot: negated once outside;
parenthesisNot: negated once middle;
}
#orderOfEvaluation-false-false-true {
no-parenthesis: evaluated true 1a;
no-parenthesis: evaluated true 1b;
no-parenthesis: evaluated true 1d;
no-parenthesis: evaluated true 3;
no-parenthesis: evaluated true 4;
with-parenthesis: evaluated true;
}
#orderOfEvaluation-false-false-false {
no-parenthesis: evaluated true 2a;
no-parenthesis: evaluated true 2b;
no-parenthesis: evaluated true 2c;
}
#orderOfEvaluation-true-true-false {
no-parenthesis: evaluated true 1a;
no-parenthesis: evaluated true 1b;
no-parenthesis: evaluated true 1c;
no-parenthesis: evaluated true 1d;
no-parenthesis: evaluated true 1e;
no-parenthesis: evaluated true 2a;
no-parenthesis: evaluated true 2b;
no-parenthesis: evaluated true 2c;
no-parenthesis: evaluated true 4;
with-parenthesis: evaluated true;
}

View File

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

View File

@ -0,0 +1,43 @@
.123 {
a: 0;
}
.foo {
a: 1;
}
.foo {
a: 2;
}
#foo {
a: 3;
}
#foo {
a: 4;
}
mi-test-a {
a: 0;
a: 1;
a: 2;
a: 3;
a: 4;
}
.b .bb.foo-xxx .yyy-foo#foo .foo.bbb {
b: 1;
}
mi-test-b {
b: 1;
}
#foo-foo > .bar .baz {
c: c;
}
mi-test-c-1 > .bar .baz {
c: c;
}
mi-test-c-2 .baz {
c: c;
}
mi-test-c-3 {
c: c;
}
mi-test-d {
gender: "Male";
}

View File

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

View File

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

View File

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

View File

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

View File

@ -0,0 +1,9 @@
#header {
color: #333333;
border-left: 1px;
border-right: 2px;
}
#footer {
color: #114411;
border-color: #842210;
}

View File

View File

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

View File

@ -0,0 +1,15 @@
.named-colors-in-expressions {
color-0: 0 -red;
color-1: #000101;
color-2: #ff0000;
color-3: #ff0000;
background-color: blue-2;
color: green-black;
animation: blue-change 5s infinite;
}
.named-colors-in-expressions-bar-red {
x: y;
}
.named-colors-in-expressions-barred {
a: a;
}

View File

@ -0,0 +1,50 @@
#operations {
color: #111111;
color-2: #f8f800;
height: 9px;
width: 3em;
subtraction: 0;
division: 1;
}
#operations .spacing {
height: 9px;
width: 3em;
}
.with-variables {
height: 16em;
width: 24em;
size: 1cm;
}
.with-functions {
color: #646464;
color: #ff8080;
color: #c94a4a;
}
.negative {
height: 0px;
width: 4px;
}
.shorthands {
padding: -1px 2px 0 -4px;
}
.rem-dimensions {
font-size: 5.5rem;
}
.colors {
color: #123;
border-color: #334455;
background-color: #000000;
}
.colors .other {
color: #222222;
border-color: #222222;
}
.negations {
variable: -4px;
variable1: 0px;
variable2: 0px;
variable3: 8px;
variable4: 0px;
paren: -4px;
paren2: 16px;
}

View File

@ -0,0 +1,36 @@
.parens {
border: 2px solid black;
margin: 1px 3px 16 3;
width: 36;
padding: 2px 36px;
}
.more-parens {
padding: 8 4 4 4px;
width-all: 96;
width-first: 16 * 6;
width-keep: (4 * 4) * 6;
height-keep: (7 * 7) + (8 * 8);
height-all: 113;
height-parts: 49 + 64;
margin-keep: (4 * (5 + 5) / 2) - (4 * 2);
margin-parts: 20 - 8;
margin-all: 12;
border-radius-keep: 4px * (1 + 1) / 4 + 3px;
border-radius-parts: 8px / 7px;
border-radius-all: 5px;
}
.negative {
neg-var: -1;
neg-var-paren: -(1);
}
.nested-parens {
width: 2 * (4 * (2 + (1 + 6))) - 1;
height: ((2 + 3) * (2 + 3) / (9 - 4)) + 1;
}
.mixed-units {
margin: 2px 4em 1 5pc;
padding: 6px 1em 2px 2;
}
.test-false-negatives {
a: (;
}

View File

@ -0,0 +1,49 @@
@charset "utf-8";
.other {
trans: transitive;
}
.class {
trans: transitive;
global: global;
local: test-local();
shadow: global;
}
.class .local {
global: global;
local: local;
shadow: local;
}
.class {
ns-mixin-global: global;
ns-mixin-local: local;
ns-mixin-shadow: local;
mixin-local: local;
mixin-global: global;
mixin-shadow: local;
ruleset-local: local;
ruleset-global: global;
ruleset-shadow: local;
class-local: test-local();
}
@media screen {
.test {
result: global;
}
}
@font-face {
result: global;
}
@media screen and (min-width: 100px) and (max-width: 400px) {
.test {
result: global;
}
}
@media screen {
.test {
result: local;
}
}
.root {
prop: value;
}
@arbitrary value after ();

View File

@ -0,0 +1,4 @@
hr {height:50px;}
.test {
color: white;
}

View File

@ -0,0 +1,3 @@
.test {
color: red;
}

View File

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

View File

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

View File

@ -0,0 +1,38 @@
.tiny-scope {
color: #989;
}
.scope1 {
color: blue;
border-color: black;
}
.scope1 .scope2 {
color: blue;
}
.scope1 .scope2 .scope3 {
color: red;
border-color: black;
background-color: white;
}
.scope {
scoped-val: green;
}
.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: white;
}

View File

@ -0,0 +1,170 @@
h1 a:hover,
h2 a:hover,
h3 a:hover,
h1 p:hover,
h2 p:hover,
h3 p:hover {
color: red;
}
#all {
color: blue;
}
#the {
color: blue;
}
#same {
color: blue;
}
ul,
li,
div,
q,
blockquote,
textarea {
margin: 0;
}
td {
margin: 0;
padding: 0;
}
td,
input {
line-height: 1em;
}
a {
color: red;
}
a:hover {
color: blue;
}
div a {
color: green;
}
p a span {
color: yellow;
}
.foo .bar .qux,
.foo .baz .qux {
display: block;
}
.qux .foo .bar,
.qux .foo .baz {
display: inline;
}
.qux.foo .bar,
.qux.foo .baz {
display: inline-block;
}
.qux .foo .bar .biz,
.qux .foo .baz .biz {
display: none;
}
.a.b.c {
color: red;
}
.c .b.a {
color: red;
}
.foo .p.bar {
color: red;
}
.foo.p.bar {
color: red;
}
.foo + .foo {
background: amber;
}
.foo + .foo {
background: amber;
}
.foo + .foo,
.foo + .bar,
.bar + .foo,
.bar + .bar {
background: amber;
}
.foo a > .foo a,
.foo a > .bar a,
.foo a > .foo b,
.foo a > .bar b,
.bar a > .foo a,
.bar a > .bar a,
.bar a > .foo b,
.bar a > .bar b,
.foo b > .foo a,
.foo b > .bar a,
.foo b > .foo b,
.foo b > .bar b,
.bar b > .foo a,
.bar b > .bar a,
.bar b > .foo b,
.bar b > .bar b {
background: amber;
}
.other ::fnord {
color: red;
}
.other::fnord {
color: red;
}
.other ::bnord {
color: red;
}
.other::bnord {
color: red;
}
.blood {
color: red;
}
.bloodred {
color: green;
}
#blood.blood.red.black:blood {
color: black;
}
:nth-child(3) {
selector: interpolated;
}
.test:nth-child(3) {
selector: interpolated;
}
.test:nth-child(odd):not(:nth-child(3)) {
color: #ff0000;
}
[prop],
[prop=10%],
[prop="value3"],
[prop*="val3"],
[|prop~="val3"],
[*|prop$="val3"],
[ns|prop^="val3"],
[3^="val3"],
[3=3],
[3] {
attributes: yes;
}
/*
Large comment means chunk will be emitted after } which means chunk will begin with whitespace...
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
*/
.blood {
color: red;
}
.foo:not(.tst.only-nested .level2:hover) {
test: only-nested;
}
.foo.nestend-and-non-nested:not(.tst.nestend-and-non-nested:hover) {
test: nestend-and-non-nested;
}
.selector:not(:hover) {
test: global scope;
}
.extend-this,
.active.first-level .second-level,
.first-level .second-level.active2 {
content: '\2661';
}

View File

@ -0,0 +1,46 @@
@import "css/background.css";
@import "folder (1)/import-test-d.css";
@font-face {
src: url("/fonts/garamond-pro.ttf");
src: local(Futura-Medium), url(folder\ \(1\)/fonts.svg#MyGeometricModern) format("svg");
}
#shorthands {
background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
}
#misc {
background-image: url(folder\ \(1\)/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(folder\ \(1\)/bg.jpg) no-repeat, url(folder\ \(1\)/bg.png) repeat-x top left, url(folder\ \(1\)/bg);
}
.values {
url: url('folder (1)/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');
}

View File

@ -0,0 +1,4 @@
.units {
cancels-to-nothing: 1;
cancels: 6px;
}

View File

@ -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#456";
url4: "http://lesscss.org/hello";
url5: "http://lesscss.org/54.4px";
}
.mix-mul-class {
color: blue;
color: red;
color: black;
color: orange;
}
.watermark {
family: Univers, Arial, Verdana, San-Serif;
}
#iterated-interpolation .mixin {
width: 100px;
weird: 100px;
width-str: "100px";
weird-str: "100px";
}
#iterated-interpolation .interpolation-mixin {
width: 100px;
weird: 100px;
width-str: "100px";
weird-str: "100px";
}

File diff suppressed because one or more lines are too long

87
static/js/ketcher2/node_modules/less/test/css/urls.css generated vendored Normal file

File diff suppressed because one or more lines are too long

View File

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

View File

@ -0,0 +1,68 @@
.variables {
width: 14cm;
}
.variables {
height: 24px;
color: #888;
font-family: "Trebuchet MS", Verdana, sans-serif;
quotes: "~" "~";
}
.redef {
zero: 0;
}
.redef .inition {
three: 3;
}
.values {
minus-one: -1;
font-family: 'Trebuchet', 'Trebuchet', 'Trebuchet';
color: #888 !important;
same-color: #888 !important;
same-again: #888 !important;
multi-important: #888 #888, 'Trebuchet' !important;
multi: something 'A', B, C, 'Trebuchet';
}
.variable-names .quoted {
name: 'hello';
}
.variable-names .unquoted {
name: 'hello';
}
.variable-names .color-keyword {
name: 'hello';
}
.alpha {
filter: alpha(opacity=42);
}
.testPollution {
a: 'no-pollution';
}
.units {
width: 1px;
same-unit-as-previously: 1px;
square-pixel-divided: 1px;
odd-unit: 2;
percentage: 500%;
pixels: 500px;
conversion-metric-a: 30mm;
conversion-metric-b: 3cm;
conversion-imperial: 3in;
custom-unit: 420octocats;
custom-unit-cancelling: 18dogs;
mix-units: 2px;
invalid-units: 1px;
}
.units .fallback {
div-px-1: 10px;
div-px-2: 1px;
sub-px-1: 12.6px;
sub-cm-1: 9.666625cm;
mul-px-1: 19.6px;
mul-em-1: 19.6em;
mul-em-2: 196em;
mul-cm-1: 196cm;
add-px-1: 15.4px;
add-px-2: 393.35275591px;
mul-px-2: 140px;
mul-px-3: 140px;
}

View File

@ -0,0 +1,3 @@
.test {
color: red;
}

View File

@ -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: white;
}
.no-semi-column {
color: white;
white-space: pre;
}
.no-semi-column {
border: 2px solid white;
}
.newlines {
background: the,
great,
wall;
border: 2px
solid
black;
}
.sel .newline_ws .tab_ws {
color: white;
background-position: 45 -23;
}