# Conflicts: # package.json # tests/css/atrule/each.css # tests/css/atrule/for.css # tests/css/atrule/if-else.css # tests/css/atrule/include.css # tests/css/atrule/while.css # tests/format/css/atrule/each.css # tests/format/css/atrule/for.css # tests/format/css/atrule/if-else.css # tests/format/css/atrule/include.css # tests/format/css/atrule/while.css # tests/scss/atrule/each.scss # tests/scss/atrule/for.scss # tests/scss/atrule/if-else.scss # tests/scss/atrule/include.scss # tests/scss/atrule/while.scss # yarn.lock
112 lines
2.4 KiB
Plaintext
112 lines
2.4 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`apply-rule.css format 1`] = `
|
|
====================================options=====================================
|
|
parsers: ["css"]
|
|
printWidth: 80
|
|
| printWidth
|
|
=====================================input======================================
|
|
/* http://tabatkins.github.io/specs/css-apply-rule/#defining */
|
|
|
|
:root {
|
|
--toolbar-theme: {
|
|
background-color: hsl(120, 70%, 95%);
|
|
border-radius: 4px;
|
|
border: 1px solid var(--theme-color late);
|
|
};
|
|
--toolbar-title-theme: {
|
|
color: green;
|
|
};
|
|
}
|
|
|
|
:root {
|
|
--without-semi: {color:red;}
|
|
}
|
|
|
|
:root {
|
|
--like-a-apply-rule: {
|
|
color:red;} /* no semi here*/
|
|
--another-prop: blue;
|
|
}
|
|
|
|
:root {
|
|
--like-a-apply-rule: {
|
|
color:red;} /* no semi here*/
|
|
--another-one-like-a-apply-rule: {
|
|
color:red;
|
|
};
|
|
}
|
|
|
|
=====================================output=====================================
|
|
/* http://tabatkins.github.io/specs/css-apply-rule/#defining */
|
|
|
|
:root {
|
|
--toolbar-theme: {
|
|
background-color: hsl(120, 70%, 95%);
|
|
border-radius: 4px;
|
|
border: 1px solid var(--theme-color late);
|
|
};
|
|
--toolbar-title-theme: {
|
|
color: green;
|
|
};
|
|
}
|
|
|
|
:root {
|
|
--without-semi: {
|
|
color: red;
|
|
};
|
|
}
|
|
|
|
:root {
|
|
--like-a-apply-rule: {
|
|
color:red;} /* no semi here*/
|
|
--another-prop: blue;
|
|
}
|
|
|
|
:root {
|
|
--like-a-apply-rule: {
|
|
color:red;} /* no semi here*/
|
|
--another-one-like-a-apply-rule: {
|
|
color:red;
|
|
};
|
|
}
|
|
|
|
================================================================================
|
|
`;
|
|
|
|
exports[`variables.css format 1`] = `
|
|
====================================options=====================================
|
|
parsers: ["css"]
|
|
printWidth: 80
|
|
| printWidth
|
|
=====================================input======================================
|
|
.foo {
|
|
--prop: 10px;
|
|
prop1: var(--prop);
|
|
prop2: var(--my-var, --my-background, pink);
|
|
prop3: calc(var(--prop) * 1px);
|
|
}
|
|
|
|
@supports (--foo: green) {
|
|
body {
|
|
color: var(--varName);
|
|
}
|
|
}
|
|
|
|
=====================================output=====================================
|
|
.foo {
|
|
--prop: 10px;
|
|
prop1: var(--prop);
|
|
prop2: var(--my-var, --my-background, pink);
|
|
prop3: calc(var(--prop) * 1px);
|
|
}
|
|
|
|
@supports (--foo: green) {
|
|
body {
|
|
color: var(--varName);
|
|
}
|
|
}
|
|
|
|
================================================================================
|
|
`;
|