202 lines
4.4 KiB
CSS
202 lines
4.4 KiB
CSS
|
#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;
|
||
|
}
|