The actual snapshot is saved in func.test.js.snap
.
Generated by AVA.
Snapshot 1
'-webkit-linear-gradient(0)'
Snapshot 2
[
Func {
isColor: false,
name: '-webkit-linear-gradient',
nodes: [
Numeric {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: '0',
hasBOM: false,
id: '<input css 42>',
},
start: {
column: 1,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '0',
},
],
params: '(0)',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 24,
line: 1,
},
input: Input {
css: '-webkit-linear-gradient(0)',
hasBOM: false,
id: '<input css 41>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'RGBA( 29, 439 , 29 )'
Snapshot 2
[
Func {
isColor: true,
name: 'RGBA',
nodes: [
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 2,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 27>',
},
start: {
column: 2,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '29',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 4,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 27>',
},
start: {
column: 4,
line: 1,
},
},
type: 'punctuation',
value: ',',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 6,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 27>',
},
start: {
column: 6,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '439',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 10,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 27>',
},
start: {
column: 10,
line: 1,
},
},
type: 'punctuation',
value: ',',
},
Numeric {
parent: [Circular],
raws: {
after: ' ',
before: ' ',
},
source: {
end: {
column: 12,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 27>',
},
start: {
column: 12,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '29',
},
],
params: '( 29, 439 , 29 )',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 5,
line: 1,
},
input: Input {
css: 'RGBA( 29, 439 , 29 )',
hasBOM: false,
id: '<input css 26>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'RgBa( 29, 439 , 29 )'
Snapshot 2
[
Func {
isColor: true,
name: 'RgBa',
nodes: [
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 2,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 29>',
},
start: {
column: 2,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '29',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 4,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 29>',
},
start: {
column: 4,
line: 1,
},
},
type: 'punctuation',
value: ',',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 6,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 29>',
},
start: {
column: 6,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '439',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 10,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 29>',
},
start: {
column: 10,
line: 1,
},
},
type: 'punctuation',
value: ',',
},
Numeric {
parent: [Circular],
raws: {
after: ' ',
before: ' ',
},
source: {
end: {
column: 12,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 29>',
},
start: {
column: 12,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '29',
},
],
params: '( 29, 439 , 29 )',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 5,
line: 1,
},
input: Input {
css: 'RgBa( 29, 439 , 29 )',
hasBOM: false,
id: '<input css 28>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'bar(baz(black, 10%), 10%)'
Snapshot 2
[
Func {
isColor: false,
name: 'bar',
nodes: [
Func {
isColor: false,
name: 'baz',
nodes: [
Word {
isColor: true,
isHex: false,
isUrl: false,
isVariable: false,
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: 'black, 10%',
hasBOM: false,
id: '<input css 40>',
},
start: {
column: 1,
line: 1,
},
},
type: 'word',
value: 'black',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 6,
line: 1,
},
input: Input {
css: 'black, 10%',
hasBOM: false,
id: '<input css 40>',
},
start: {
column: 6,
line: 1,
},
},
type: 'punctuation',
value: ',',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 8,
line: 1,
},
input: Input {
css: 'black, 10%',
hasBOM: false,
id: '<input css 40>',
},
start: {
column: 8,
line: 1,
},
},
type: 'numeric',
unit: '%',
value: '10',
},
],
params: '(black, 10%)',
parent: [Circular],
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 4,
line: 1,
},
input: Input {
css: 'baz(black, 10%), 10%',
hasBOM: false,
id: '<input css 39>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 16,
line: 1,
},
input: Input {
css: 'baz(black, 10%), 10%',
hasBOM: false,
id: '<input css 39>',
},
start: {
column: 16,
line: 1,
},
},
type: 'punctuation',
value: ',',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 18,
line: 1,
},
input: Input {
css: 'baz(black, 10%), 10%',
hasBOM: false,
id: '<input css 39>',
},
start: {
column: 18,
line: 1,
},
},
type: 'numeric',
unit: '%',
value: '10',
},
],
params: '(baz(black, 10%), 10%)',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 25,
line: 1,
},
input: Input {
css: 'bar(baz(black, 10%), 10%)',
hasBOM: false,
id: '<input css 38>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'calc(((768px - 100vw) / 2) - 15px)'
Snapshot 2
[
Func {
isColor: false,
name: 'calc',
nodes: [
Punctuation {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 1,
line: 1,
},
},
type: 'punctuation',
value: '(',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 2,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 2,
line: 1,
},
},
type: 'punctuation',
value: '(',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 3,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 3,
line: 1,
},
},
type: 'numeric',
unit: 'px',
value: '768',
},
Operator {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 9,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 9,
line: 1,
},
},
type: 'operator',
value: '-',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 11,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 11,
line: 1,
},
},
type: 'numeric',
unit: 'vw',
value: '100',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 16,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 16,
line: 1,
},
},
type: 'punctuation',
value: ')',
},
Operator {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 18,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 18,
line: 1,
},
},
type: 'operator',
value: '/',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 20,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 20,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '2',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 21,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 21,
line: 1,
},
},
type: 'punctuation',
value: ')',
},
Operator {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 23,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 23,
line: 1,
},
},
type: 'operator',
value: '-',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 25,
line: 1,
},
input: Input {
css: '((768px - 100vw) / 2) - 15px',
hasBOM: false,
id: '<input css 36>',
},
start: {
column: 25,
line: 1,
},
},
type: 'numeric',
unit: 'px',
value: '15',
},
],
params: '(((768px - 100vw) / 2) - 15px)',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 34,
line: 1,
},
input: Input {
css: 'calc(((768px - 100vw) / 2) - 15px)',
hasBOM: false,
id: '<input css 35>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'calc(-0.5 * var(foo))'
Snapshot 2
[
Func {
isColor: false,
name: 'calc',
nodes: [
Numeric {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: '-0.5 * var(foo)',
hasBOM: false,
id: '<input css 31>',
},
start: {
column: 1,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '-0.5',
},
Operator {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 6,
line: 1,
},
input: Input {
css: '-0.5 * var(foo)',
hasBOM: false,
id: '<input css 31>',
},
start: {
column: 6,
line: 1,
},
},
type: 'operator',
value: '*',
},
Func {
isColor: false,
name: 'var',
nodes: [
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: 'foo',
hasBOM: false,
id: '<input css 32>',
},
start: {
column: 1,
line: 1,
},
},
type: 'word',
value: 'foo',
},
],
params: '(foo)',
parent: [Circular],
raws: {
after: '',
before: ' ',
semicolon: false,
},
source: {
end: {
column: 11,
line: 1,
},
input: Input {
css: '-0.5 * var(foo)',
hasBOM: false,
id: '<input css 31>',
},
start: {
column: 8,
line: 1,
},
},
type: 'func',
},
],
params: '(-0.5 * var(foo))',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 21,
line: 1,
},
input: Input {
css: 'calc(-0.5 * var(foo))',
hasBOM: false,
id: '<input css 30>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'calc(1px + -2vw - 4px)'
Snapshot 2
[
Func {
isColor: false,
name: 'calc',
nodes: [
Numeric {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: '1px + -2vw - 4px',
hasBOM: false,
id: '<input css 34>',
},
start: {
column: 1,
line: 1,
},
},
type: 'numeric',
unit: 'px',
value: '1',
},
Operator {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 5,
line: 1,
},
input: Input {
css: '1px + -2vw - 4px',
hasBOM: false,
id: '<input css 34>',
},
start: {
column: 5,
line: 1,
},
},
type: 'operator',
value: '+',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 7,
line: 1,
},
input: Input {
css: '1px + -2vw - 4px',
hasBOM: false,
id: '<input css 34>',
},
start: {
column: 7,
line: 1,
},
},
type: 'numeric',
unit: 'vw',
value: '-2',
},
Operator {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 12,
line: 1,
},
input: Input {
css: '1px + -2vw - 4px',
hasBOM: false,
id: '<input css 34>',
},
start: {
column: 12,
line: 1,
},
},
type: 'operator',
value: '-',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 14,
line: 1,
},
input: Input {
css: '1px + -2vw - 4px',
hasBOM: false,
id: '<input css 34>',
},
start: {
column: 14,
line: 1,
},
},
type: 'numeric',
unit: 'px',
value: '4',
},
],
params: '(1px + -2vw - 4px)',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 5,
line: 1,
},
input: Input {
css: 'calc(1px + -2vw - 4px)',
hasBOM: false,
id: '<input css 33>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'rgba( 29, 439 , 29 )'
Snapshot 2
[
Func {
isColor: true,
name: 'rgba',
nodes: [
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 2,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 25>',
},
start: {
column: 2,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '29',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 4,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 25>',
},
start: {
column: 4,
line: 1,
},
},
type: 'punctuation',
value: ',',
},
Numeric {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 6,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 25>',
},
start: {
column: 6,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '439',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 10,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 25>',
},
start: {
column: 10,
line: 1,
},
},
type: 'punctuation',
value: ',',
},
Numeric {
parent: [Circular],
raws: {
after: ' ',
before: ' ',
},
source: {
end: {
column: 12,
line: 1,
},
input: Input {
css: ' 29, 439 , 29 ',
hasBOM: false,
id: '<input css 25>',
},
start: {
column: 12,
line: 1,
},
},
type: 'numeric',
unit: '',
value: '29',
},
],
params: '( 29, 439 , 29 )',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 5,
line: 1,
},
input: Input {
css: 'rgba( 29, 439 , 29 )',
hasBOM: false,
id: '<input css 24>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'url( "/gfx/img/bg.jpg" )'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [
Quoted {
parent: [Circular],
quote: '"',
raws: {
after: ' ',
before: ' ',
},
source: {
end: {
column: 2,
line: 1,
},
input: Input {
css: ' "/gfx/img/bg.jpg" ',
hasBOM: false,
id: '<input css 11>',
},
start: {
column: 2,
line: 1,
},
},
type: 'quoted',
value: '"/gfx/img/bg.jpg"',
},
],
params: '( "/gfx/img/bg.jpg" )',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 24,
line: 1,
},
input: Input {
css: 'url( "/gfx/img/bg.jpg" )',
hasBOM: false,
id: '<input css 10>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
url( "http://domain.com/gfx/img/bg.jpg" )
Snapshot 1
'url( "http://domain.com/gfx/img/bg.jpg" )'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [
Quoted {
parent: [Circular],
quote: '"',
raws: {
after: ' ',
before: ' ',
},
source: {
end: {
column: 2,
line: 1,
},
input: Input {
css: ' "http://domain.com/gfx/img/bg.jpg" ',
hasBOM: false,
id: '<input css 15>',
},
start: {
column: 2,
line: 1,
},
},
type: 'quoted',
value: '"http://domain.com/gfx/img/bg.jpg"',
},
],
params: '( "http://domain.com/gfx/img/bg.jpg" )',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 41,
line: 1,
},
input: Input {
css: 'url( "http://domain.com/gfx/img/bg.jpg" )',
hasBOM: false,
id: '<input css 14>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'url( \'/gfx/img/bg.jpg\' )'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [
Quoted {
parent: [Circular],
quote: '\'',
raws: {
after: ' ',
before: ' ',
},
source: {
end: {
column: 2,
line: 1,
},
input: Input {
css: ' \'/gfx/img/bg.jpg\' ',
hasBOM: false,
id: '<input css 9>',
},
start: {
column: 2,
line: 1,
},
},
type: 'quoted',
value: '\'/gfx/img/bg.jpg\'',
},
],
params: '( \'/gfx/img/bg.jpg\' )',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 24,
line: 1,
},
input: Input {
css: 'url( \'/gfx/img/bg.jpg\' )',
hasBOM: false,
id: '<input css 8>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
url( 'http://domain.com/gfx/img/bg.jpg' )
Snapshot 1
'url( \'http://domain.com/gfx/img/bg.jpg\' )'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [
Quoted {
parent: [Circular],
quote: '\'',
raws: {
after: ' ',
before: ' ',
},
source: {
end: {
column: 2,
line: 1,
},
input: Input {
css: ' \'http://domain.com/gfx/img/bg.jpg\' ',
hasBOM: false,
id: '<input css 13>',
},
start: {
column: 2,
line: 1,
},
},
type: 'quoted',
value: '\'http://domain.com/gfx/img/bg.jpg\'',
},
],
params: '( \'http://domain.com/gfx/img/bg.jpg\' )',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 41,
line: 1,
},
input: Input {
css: 'url( \'http://domain.com/gfx/img/bg.jpg\' )',
hasBOM: false,
id: '<input css 12>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'url( /gfx/img/bg.jpg )'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [
Operator {
parent: [Circular],
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 2,
line: 1,
},
input: Input {
css: ' /gfx/img/bg.jpg ',
hasBOM: false,
id: '<input css 7>',
},
start: {
column: 2,
line: 1,
},
},
type: 'operator',
value: '/',
},
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 3,
line: 1,
},
input: Input {
css: ' /gfx/img/bg.jpg ',
hasBOM: false,
id: '<input css 7>',
},
start: {
column: 3,
line: 1,
},
},
type: 'word',
value: 'gfx',
},
Operator {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 6,
line: 1,
},
input: Input {
css: ' /gfx/img/bg.jpg ',
hasBOM: false,
id: '<input css 7>',
},
start: {
column: 6,
line: 1,
},
},
type: 'operator',
value: '/',
},
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 7,
line: 1,
},
input: Input {
css: ' /gfx/img/bg.jpg ',
hasBOM: false,
id: '<input css 7>',
},
start: {
column: 7,
line: 1,
},
},
type: 'word',
value: 'img',
},
Operator {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 10,
line: 1,
},
input: Input {
css: ' /gfx/img/bg.jpg ',
hasBOM: false,
id: '<input css 7>',
},
start: {
column: 10,
line: 1,
},
},
type: 'operator',
value: '/',
},
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
parent: [Circular],
raws: {
after: ' ',
before: '',
},
source: {
end: {
column: 11,
line: 1,
},
input: Input {
css: ' /gfx/img/bg.jpg ',
hasBOM: false,
id: '<input css 7>',
},
start: {
column: 11,
line: 1,
},
},
type: 'word',
value: 'bg.jpg',
},
],
params: '( /gfx/img/bg.jpg )',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 22,
line: 1,
},
input: Input {
css: 'url( /gfx/img/bg.jpg )',
hasBOM: false,
id: '<input css 6>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'url("/gfx/img/bg.jpg" hello )'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [
Quoted {
parent: [Circular],
quote: '"',
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: '"/gfx/img/bg.jpg" hello ',
hasBOM: false,
id: '<input css 17>',
},
start: {
column: 1,
line: 1,
},
},
type: 'quoted',
value: '"/gfx/img/bg.jpg"',
},
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
parent: [Circular],
raws: {
after: ' ',
before: ' ',
},
source: {
end: {
column: 19,
line: 1,
},
input: Input {
css: '"/gfx/img/bg.jpg" hello ',
hasBOM: false,
id: '<input css 17>',
},
start: {
column: 19,
line: 1,
},
},
type: 'word',
value: 'hello',
},
],
params: '("/gfx/img/bg.jpg" hello )',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 29,
line: 1,
},
input: Input {
css: 'url("/gfx/img/bg.jpg" hello )',
hasBOM: false,
id: '<input css 16>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
url("http://domain.com/gfx/img/bg.jpg" hello )
Snapshot 1
'url("http://domain.com/gfx/img/bg.jpg" hello )'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [
Quoted {
parent: [Circular],
quote: '"',
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: '"http://domain.com/gfx/img/bg.jpg" hello ',
hasBOM: false,
id: '<input css 19>',
},
start: {
column: 1,
line: 1,
},
},
type: 'quoted',
value: '"http://domain.com/gfx/img/bg.jpg"',
},
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
parent: [Circular],
raws: {
after: ' ',
before: ' ',
},
source: {
end: {
column: 36,
line: 1,
},
input: Input {
css: '"http://domain.com/gfx/img/bg.jpg" hello ',
hasBOM: false,
id: '<input css 19>',
},
start: {
column: 36,
line: 1,
},
},
type: 'word',
value: 'hello',
},
],
params: '("http://domain.com/gfx/img/bg.jpg" hello )',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 46,
line: 1,
},
input: Input {
css: 'url("http://domain.com/gfx/img/bg.jpg" hello )',
hasBOM: false,
id: '<input css 18>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'url()'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [],
params: '()',
raws: {
after: '',
before: '',
},
source: {
end: {
column: 4,
line: 1,
},
input: Input {
css: 'url()',
hasBOM: false,
id: '<input css 1>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'url() foo bar baz'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [],
params: '()',
raws: {
after: '',
before: '',
},
source: {
end: {
column: 4,
line: 1,
},
input: Input {
css: 'url() foo bar baz',
hasBOM: false,
id: '<input css 2>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 7,
line: 1,
},
input: Input {
css: 'url() foo bar baz',
hasBOM: false,
id: '<input css 2>',
},
start: {
column: 7,
line: 1,
},
},
type: 'word',
value: 'foo',
},
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 11,
line: 1,
},
input: Input {
css: 'url() foo bar baz',
hasBOM: false,
id: '<input css 2>',
},
start: {
column: 11,
line: 1,
},
},
type: 'word',
value: 'bar',
},
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
raws: {
after: '',
before: ' ',
},
source: {
end: {
column: 15,
line: 1,
},
input: Input {
css: 'url() foo bar baz',
hasBOM: false,
id: '<input css 2>',
},
start: {
column: 15,
line: 1,
},
},
type: 'word',
value: 'baz',
},
]
Snapshot 1
'url(//123.example.com)'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [
Word {
isColor: false,
isHex: false,
isUrl: true,
isVariable: false,
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: '//123.example.com',
hasBOM: false,
id: '<input css 23>',
},
start: {
column: 1,
line: 1,
},
},
type: 'word',
value: '//123.example.com',
},
],
params: '(//123.example.com)',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 4,
line: 1,
},
input: Input {
css: 'url(//123.example.com)',
hasBOM: false,
id: '<input css 22>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'url(http://123.example.com)'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: 'http://123.example.com',
hasBOM: false,
id: '<input css 21>',
},
start: {
column: 1,
line: 1,
},
},
type: 'word',
value: 'http',
},
Punctuation {
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 5,
line: 1,
},
input: Input {
css: 'http://123.example.com',
hasBOM: false,
id: '<input css 21>',
},
start: {
column: 5,
line: 1,
},
},
type: 'punctuation',
value: ':',
},
Word {
isColor: false,
isHex: false,
isUrl: true,
isVariable: false,
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 6,
line: 1,
},
input: Input {
css: 'http://123.example.com',
hasBOM: false,
id: '<input css 21>',
},
start: {
column: 6,
line: 1,
},
},
type: 'word',
value: '//123.example.com',
},
],
params: '(http://123.example.com)',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 4,
line: 1,
},
input: Input {
css: 'url(http://123.example.com)',
hasBOM: false,
id: '<input css 20>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]
Snapshot 1
'url(var(foo))'
Snapshot 2
[
Func {
isColor: false,
name: 'url',
nodes: [
Func {
isColor: false,
name: 'var',
nodes: [
Word {
isColor: false,
isHex: false,
isUrl: false,
isVariable: false,
parent: [Circular],
raws: {
after: '',
before: '',
},
source: {
end: {
column: 1,
line: 1,
},
input: Input {
css: 'foo',
hasBOM: false,
id: '<input css 5>',
},
start: {
column: 1,
line: 1,
},
},
type: 'word',
value: 'foo',
},
],
params: '(foo)',
parent: [Circular],
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 4,
line: 1,
},
input: Input {
css: 'var(foo)',
hasBOM: false,
id: '<input css 4>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
],
params: '(var(foo))',
raws: {
after: '',
before: '',
semicolon: false,
},
source: {
end: {
column: 13,
line: 1,
},
input: Input {
css: 'url(var(foo))',
hasBOM: false,
id: '<input css 3>',
},
start: {
column: 1,
line: 1,
},
},
type: 'func',
},
]