2021-10-26 21:38:05 +03:00
|
|
|
:root {
|
2021-11-27 19:11:40 +03:00
|
|
|
--:value;
|
|
|
|
|
|
|
|
--important:value!important;
|
|
|
|
--important1: value!important;
|
|
|
|
--important2: value !important;
|
|
|
|
--important3:value !important;
|
|
|
|
--important4: calc(1)!important;
|
|
|
|
|
|
|
|
--empty: ;
|
|
|
|
--empty2: /**/;
|
|
|
|
--empty3: !important;
|
|
|
|
--empty4:/**/ !important;
|
|
|
|
--empty5:/* 1 */ /* 2 */;
|
|
|
|
|
|
|
|
--no-whitespace:ident;
|
2021-10-26 21:38:05 +03:00
|
|
|
--number: 1;
|
|
|
|
--unit: 100vw;
|
|
|
|
--color: #06c;
|
|
|
|
|
|
|
|
--function: calc(1 + 1);
|
|
|
|
--variable: var(--unit);
|
|
|
|
|
|
|
|
--string: 'single quoted string';
|
|
|
|
--string: "double quoted string";
|
|
|
|
|
|
|
|
--square-block: [1, 2, 3];
|
2021-11-27 19:11:40 +03:00
|
|
|
--square-block1: [];
|
|
|
|
--square-block2:[];
|
2021-10-26 21:38:05 +03:00
|
|
|
--round-block: (1, 2, 3);
|
2021-11-27 19:11:40 +03:00
|
|
|
--round-block1: ();
|
|
|
|
--round-block2:();
|
2021-10-26 21:38:05 +03:00
|
|
|
--bracket-block: {1, 2, 3};
|
2021-11-27 19:11:40 +03:00
|
|
|
--bracket-block1: {};
|
|
|
|
--bracket-block2:{};
|
|
|
|
|
|
|
|
|
2021-10-26 21:38:05 +03:00
|
|
|
--JSON: [1, "2", {"three": {"a":1}}, [4]];
|
|
|
|
--javascript: function(rule) { console.log(rule) };
|
|
|
|
|
|
|
|
--CDO: <!--;
|
|
|
|
--CDC: -->;
|
2021-11-27 19:11:40 +03:00
|
|
|
|
|
|
|
--complex-balanced:{[({()})()()[({})]]}[{()}]([]);
|
|
|
|
--fake-important:{!important};
|
|
|
|
--semicolon-not-top-level: (;);
|
|
|
|
--delim-not-top-level: (!);
|
|
|
|
}
|
|
|
|
|
|
|
|
:root{--a:1}
|
|
|
|
:root {--foo: }
|
|
|
|
:root {
|
|
|
|
--foo:
|
2021-10-26 21:38:05 +03:00
|
|
|
}
|