1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- // Jest Snapshot v1, https://goo.gl/fbAQLP
- exports[`variables.css 1`] = `
- .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);
- }
- }
- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- .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);
- }
- }
- `;
- exports[`variables.scss 1`] = `
- .foo {
- --#{$prop}: 10px;
- #{$prop}: 10px;
- prop1: var(--#{$var});
- prop2: var(#{$var}, --my-#{$var}, pink);
- prop3: calc(var(--#{$var}) * 1px);
- }
- @supports (--#{$prop}: green) {
- body {
- color: var(--#{$var});
- }
- }
- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- .foo {
- --#{$prop}: 10px;
- #{$prop}: 10px;
- prop1: var(--#{$var});
- prop2: var(#{$var}, --my-#{$var}, pink);
- prop3: calc(var(--#{$var}) * 1px);
- }
- @supports (--#{$prop}: green) {
- body {
- color: var(--#{$var});
- }
- }
- `;
|