cssstats
Version:
High-level stats for stylesheets
1,915 lines (1,910 loc) • 748 kB
Markdown
# Snapshot report for `packages/cssstats/test/snapshot-test.js`
The actual snapshot is saved in `snapshot-test.js.snap`.
Generated by [AVA](https://avajs.dev).
## matches snapshot for basscss
> Snapshot 1
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
'-moz-box-sizing': [
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
],
'-webkit-appearance': [
'none',
'none',
],
'-webkit-transition': [
'box-shadow .2s ease',
'box-shadow .2s ease',
],
'-webkit-transition-duration': [
'.1s',
'.1s',
'.1s',
'.1s',
],
'-webkit-transition-property': [
'box-shadow, background-color',
'box-shadow, background-color',
'box-shadow, background-color',
'box-shadow, background-color',
],
'-webkit-transition-timing-function': [
'ease-out',
'ease-out',
'ease-out',
'ease-out',
],
'background-color': [
'white',
'#eee',
'white',
'rgba(0, 0, 0, .125)',
'rgba(0, 0, 0, .125)',
'rgba(0, 0, 0, .25)',
'rgba(255, 255, 255, .25)',
'#0076df',
'transparent',
'#0076df',
'transparent',
'#777',
'#f95020',
'rgba(0, 0, 0, .0625)',
'rgba(0, 0, 0, .125)',
'rgba(0, 0, 0, .125)',
'rgba(0, 0, 0, .0625)',
'white',
'#333',
'white',
'#0076df',
'#777',
'#ccc',
'#eee',
'#f95020',
'#00cf26',
'#efcc00',
'rgba(0, 0, 0, .0625)',
'rgba(0, 0, 0, .125)',
'rgba(0, 0, 0, .25)',
'rgba(0, 0, 0, .5)',
],
border: [
'0',
'1px solid transparent',
'0',
'0',
'1px solid rgba(0, 0, 0, .0625)',
'1px solid rgba(255, 255, 255, .5)',
'2px solid #0076df',
],
'border-bottom': [
'1px solid #ccc',
'1px solid white',
],
'border-bottom-color': [
'#ccc',
'#ccc',
'#ccc',
],
'border-bottom-style': [
'solid',
'solid',
'solid',
],
'border-bottom-width': [
'1px',
'1px',
'1px',
],
'border-collapse': [
'collapse',
],
'border-color': [
'#ccc',
'#0076df',
'#f95020',
'#00cf26',
'#efcc00',
'#f95020',
'#f95020',
'#00cf26',
'#efcc00',
'#f95020',
'#ccc',
],
'border-left': [
'1px solid #ccc',
],
'border-left-color': [
'#ccc',
],
'border-left-style': [
'solid',
],
'border-left-width': [
'1px',
],
'border-radius': [
'3px',
'3px',
'50%',
'3px',
'3px',
'3px',
'3px',
'3px',
'3px 3px 0 0',
'3px',
'50%',
'3px 3px 0 0',
'0 3px 3px 0',
'0 0 3px 3px',
'3px 0 0 3px',
'0',
],
'border-right': [
'1px solid #ccc',
],
'border-right-color': [
'#ccc',
],
'border-right-style': [
'solid',
],
'border-right-width': [
'1px',
],
'border-spacing': [
'0',
],
'border-style': [
'solid',
'solid',
],
'border-top': [
'1px solid #ccc',
],
'border-top-color': [
'#ccc',
],
'border-top-style': [
'solid',
],
'border-top-width': [
'1px',
],
'border-width': [
'1px',
'1px',
],
bottom: [
'0',
'0',
],
'box-shadow': [
'0 0 2px rgba(0, 118, 223, .5)',
'0 0 2px rgba(0, 118, 223, .5)',
'inset 0 0 0 32px rgba(0, 0, 0, .125), inset 0 2px 3px 0 rgba(0, 0, 0, .25)',
'0 0 0 2px rgba(255, 255, 255, .5), 0 0 1px 4px rgba(0, 118, 223, .5)',
'inset 0 3px 3px 0 rgba(0, 0, 0, .25)',
'0 0 0 2px rgba(255, 255, 255, .5), 0 0 1px 4px rgba(0, 118, 223, .5)',
'inset 0 0 0 32px rgba(0, 0, 0, .125), inset 0 2px 3px 0 rgba(0, 0, 0, .25)',
'0 0 0 2px white, 0 0 1px 4px rgba(0, 118, 223, .5)',
'inset 0 0 0 32px rgba(0, 0, 0, .125), inset 0 2px 3px 0 rgba(0, 0, 0, .25)',
'0 0 0 2px rgba(255, 255, 255, .5), 0 0 1px 4px rgba(249, 80, 32, .5)',
],
'box-sizing': [
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
'border-box',
],
clear: [
'both',
],
clip: [
'rect(1px, 1px, 1px, 1px)',
],
color: [
'#333',
'#0076df',
'#777',
'white',
'rgba(255, 255, 255, .75)',
'rgba(255, 255, 255, .75)',
'rgba(255, 255, 255, .75)',
'rgba(255, 255, 255, .75)',
'white',
'#0076df',
'white',
'#0076df',
'white',
'white',
'#333',
'white',
'#333',
'white',
'#0076df',
'#777',
'#ccc',
'#eee',
'#f95020',
'#00cf26',
'#efcc00',
],
content: [
'" "',
],
cursor: [
'pointer',
],
display: [
'inline-block',
'inline',
'block',
'inline-block',
'table',
'none',
'block',
'block',
'block',
'none',
'none',
'none',
'none',
'table',
'none',
'block',
'table',
'table-cell',
'table',
'table-cell',
'table',
'table-cell',
'table',
'table-cell',
],
float: [
'left',
'right',
'left',
'right',
'left',
'right',
'left',
'right',
'left',
'right',
],
'font-family': [
'inherit',
'\'Helvetica Neue\', Helvetica, sans-serif',
'\'Helvetica Neue\', Helvetica, sans-serif',
'\'Source Code Pro\', Consolas, monospace',
],
'font-size': [
'100%',
'100%',
'1rem',
'inherit',
'1.25rem',
'2rem',
'1.5rem',
'1.25rem',
'1rem',
'.875rem',
'.75rem',
],
'font-style': [
'italic',
'italic',
],
'font-weight': [
'bold',
'bold',
'bold',
'bold',
'normal',
],
height: [
'2.25em',
'2.25em',
'auto',
'1px',
],
left: [
'0',
'0',
],
'letter-spacing': [
'.2em',
],
'line-height': [
'1.5',
'1.25',
'1.75',
'1.75',
'1.125',
'inherit',
'1.625',
'1',
],
'list-style': [
'none',
],
margin: [
'0',
'0',
'0',
'.5rem',
'1rem',
'2rem',
'4rem',
'auto',
],
'margin-bottom': [
'.5em',
'1rem',
'1rem',
'2rem',
'2rem',
'.5rem',
'0',
'.5rem',
'1rem',
'2rem',
'4rem',
'-1px',
],
'margin-left': [
'0',
'0',
'0',
'.5rem',
'1rem',
'2rem',
'4rem',
'-.5rem',
'-1rem',
'-2rem',
'-4rem',
'auto',
'-1px',
'0',
'-2px',
'0',
'auto',
],
'margin-right': [
'0',
'0',
'.5rem',
'1rem',
'2rem',
'4rem',
'-.5rem',
'-1rem',
'-2rem',
'-4rem',
'auto',
'auto',
],
'margin-top': [
'1em',
'0',
'0',
'2rem',
'2rem',
'0',
'0',
'.5rem',
'1rem',
'2rem',
'4rem',
'-1px',
'0',
'-2px',
'0',
],
'max-height': [
'100%',
],
'max-width': [
'100%',
'100%',
'100%',
'64em',
],
opacity: [
'.875',
'.5',
'.5',
'.875',
'.5',
'.875',
'.5',
],
outline: [
'none',
'none',
'0',
'none',
'none',
'none',
'none',
],
overflow: [
'hidden',
'scroll',
'hidden',
],
'overflow-x': [
'scroll',
],
padding: [
'.25em 1rem',
'.25em 1rem',
'.25em 1rem',
'0',
'0',
'.5em 1rem',
'0',
'.25em 1rem',
'.5rem',
'1rem',
'2rem',
'4rem',
'.25em .5rem',
],
'padding-bottom': [
'.5rem',
'1rem',
'2rem',
'4rem',
],
'padding-left': [
'2rem',
'1rem',
'0',
'.5rem',
'1rem',
'2rem',
'4rem',
'.5rem',
],
'padding-right': [
'1rem',
'.5rem',
'1rem',
'2rem',
'4rem',
'.5rem',
],
'padding-top': [
'.5rem',
'1rem',
'2rem',
'4rem',
],
position: [
'absolute',
'relative',
'absolute',
'fixed',
'relative',
],
right: [
'0',
'0',
],
'table-layout': [
'fixed',
],
'text-align': [
'left',
'left',
'center',
'right',
'justify',
],
'text-decoration': [
'none',
'none',
'none',
'underline',
],
'text-transform': [
'uppercase',
],
top: [
'0',
'0',
],
transition: [
'box-shadow .2s ease',
'box-shadow .2s ease',
],
'transition-duration': [
'.1s',
'.1s',
'.1s',
'.1s',
],
'transition-property': [
'box-shadow, background-color',
'box-shadow, background-color',
'box-shadow, background-color',
'box-shadow, background-color',
],
'transition-timing-function': [
'ease-out',
'ease-out',
'ease-out',
'ease-out',
],
'vertical-align': [
'bottom',
'top',
'middle',
'middle',
'middle',
'middle',
],
'white-space': [
'nowrap',
],
width: [
'100%',
'50%',
'100%',
'1px',
'8.333333333333332%',
'16.666666666666664%',
'25%',
'33.33333333333333%',
'41.66666666666667%',
'50%',
'58.333333333333336%',
'66.66666666666666%',
'75%',
'83.33333333333334%',
'91.66666666666666%',
'100%',
'8.333333333333332%',
'16.666666666666664%',
'25%',
'33.33333333333333%',
'41.66666666666667%',
'50%',
'58.333333333333336%',
'66.66666666666666%',
'75%',
'83.33333333333334%',
'91.66666666666666%',
'100%',
'8.333333333333332%',
'16.666666666666664%',
'25%',
'33.33333333333333%',
'41.66666666666667%',
'50%',
'58.333333333333336%',
'66.66666666666666%',
'75%',
'83.33333333333334%',
'91.66666666666666%',
'100%',
'8.333333333333332%',
'16.666666666666664%',
'25%',
'33.33333333333333%',
'41.66666666666667%',
'50%',
'58.333333333333336%',
'66.66666666666666%',
'75%',
'83.33333333333334%',
'91.66666666666666%',
'100%',
'100%',
'100%',
'100%',
'100%',
],
'z-index': [
'1',
'2',
'3',
'4',
'1',
],
},
total: 471,
unique: 232,
uniqueToTotalRatio: 0.49256900212314225,
},
gzipSize: 3546,
humanizedGzipSize: '3KB',
humanizedSize: '18KB',
mediaQueries: {
contents: [
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
display: [
'block',
],
},
total: 1,
unique: 1,
uniqueToTotalRatio: 1,
},
rules: {
selectorByRuleSizes: [
{
declarations: 1,
selector: '.sm-show',
},
],
size: {
average: 1,
graph: [
1,
],
max: 1,
},
total: 1,
},
selectors: {
class: 1,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 1,
type: 0,
values: [
'.sm-show',
],
},
value: '(min-width: 40em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
display: [
'block',
],
},
total: 1,
unique: 1,
uniqueToTotalRatio: 1,
},
rules: {
selectorByRuleSizes: [
{
declarations: 1,
selector: '.md-show',
},
],
size: {
average: 1,
graph: [
1,
],
max: 1,
},
total: 1,
},
selectors: {
class: 1,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 1,
type: 0,
values: [
'.md-show',
],
},
value: '(min-width: 52em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
display: [
'block',
],
},
total: 1,
unique: 1,
uniqueToTotalRatio: 1,
},
rules: {
selectorByRuleSizes: [
{
declarations: 1,
selector: '.lg-show',
},
],
size: {
average: 1,
graph: [
1,
],
max: 1,
},
total: 1,
},
selectors: {
class: 1,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 1,
type: 0,
values: [
'.lg-show',
],
},
value: '(min-width: 64em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
display: [
'none',
],
},
total: 1,
unique: 1,
uniqueToTotalRatio: 1,
},
rules: {
selectorByRuleSizes: [
{
declarations: 1,
selector: '.sm-hide',
},
],
size: {
average: 1,
graph: [
1,
],
max: 1,
},
total: 1,
},
selectors: {
class: 1,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 1,
type: 0,
values: [
'.sm-hide',
],
},
value: '(min-width: 40em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
display: [
'none',
],
},
total: 1,
unique: 1,
uniqueToTotalRatio: 1,
},
rules: {
selectorByRuleSizes: [
{
declarations: 1,
selector: '.md-hide',
},
],
size: {
average: 1,
graph: [
1,
],
max: 1,
},
total: 1,
},
selectors: {
class: 1,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 1,
type: 0,
values: [
'.md-hide',
],
},
value: '(min-width: 52em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
display: [
'none',
],
},
total: 1,
unique: 1,
uniqueToTotalRatio: 1,
},
rules: {
selectorByRuleSizes: [
{
declarations: 1,
selector: '.lg-hide',
},
],
size: {
average: 1,
graph: [
1,
],
max: 1,
},
total: 1,
},
selectors: {
class: 1,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 1,
type: 0,
values: [
'.lg-hide',
],
},
value: '(min-width: 64em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
'-moz-box-sizing': [
'border-box',
'border-box',
],
'box-sizing': [
'border-box',
'border-box',
],
float: [
'left',
'right',
],
width: [
'8.333333333333332%',
'16.666666666666664%',
'25%',
'33.33333333333333%',
'41.66666666666667%',
'50%',
'58.333333333333336%',
'66.66666666666666%',
'75%',
'83.33333333333334%',
'91.66666666666666%',
'100%',
],
},
total: 18,
unique: 16,
uniqueToTotalRatio: 0.8888888888888888,
},
rules: {
selectorByRuleSizes: [
{
declarations: 3,
selector: ',.sm-col-right',
},
{
declarations: 3,
selector: '.sm-col',
},
{
declarations: 1,
selector: ',.sm-col-12',
},
{
declarations: 1,
selector: ',.sm-col-11',
},
{
declarations: 1,
selector: ',.sm-col-10',
},
{
declarations: 1,
selector: ',.sm-col-9',
},
{
declarations: 1,
selector: ',.sm-col-8',
},
{
declarations: 1,
selector: ',.sm-col-7',
},
{
declarations: 1,
selector: ',.sm-col-6',
},
{
declarations: 1,
selector: ',.sm-col-5',
},
{
declarations: 1,
selector: ',.sm-col-4',
},
{
declarations: 1,
selector: ',.sm-col-3',
},
{
declarations: 1,
selector: ',.sm-col-2',
},
{
declarations: 1,
selector: ',.sm-col-1',
},
],
size: {
average: 1.2857142857142858,
graph: [
3,
3,
1,
1,
1,
1,
1,
1,
1,
1,
1,
1,
1,
1,
],
max: 3,
},
total: 14,
},
selectors: {
class: 14,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 14,
type: 0,
values: [
'.sm-col',
'.sm-col-right',
'.sm-col-1',
'.sm-col-2',
'.sm-col-3',
'.sm-col-4',
'.sm-col-5',
'.sm-col-6',
'.sm-col-7',
'.sm-col-8',
'.sm-col-9',
'.sm-col-10',
'.sm-col-11',
'.sm-col-12',
],
},
value: '(min-width: 40em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
'-moz-box-sizing': [
'border-box',
'border-box',
],
'box-sizing': [
'border-box',
'border-box',
],
float: [
'left',
'right',
],
width: [
'8.333333333333332%',
'16.666666666666664%',
'25%',
'33.33333333333333%',
'41.66666666666667%',
'50%',
'58.333333333333336%',
'66.66666666666666%',
'75%',
'83.33333333333334%',
'91.66666666666666%',
'100%',
],
},
total: 18,
unique: 16,
uniqueToTotalRatio: 0.8888888888888888,
},
rules: {
selectorByRuleSizes: [
{
declarations: 3,
selector: ',.md-col-right',
},
{
declarations: 3,
selector: '.md-col',
},
{
declarations: 1,
selector: ',.md-col-12',
},
{
declarations: 1,
selector: ',.md-col-11',
},
{
declarations: 1,
selector: ',.md-col-10',
},
{
declarations: 1,
selector: ',.md-col-9',
},
{
declarations: 1,
selector: ',.md-col-8',
},
{
declarations: 1,
selector: ',.md-col-7',
},
{
declarations: 1,
selector: ',.md-col-6',
},
{
declarations: 1,
selector: ',.md-col-5',
},
{
declarations: 1,
selector: ',.md-col-4',
},
{
declarations: 1,
selector: ',.md-col-3',
},
{
declarations: 1,
selector: ',.md-col-2',
},
{
declarations: 1,
selector: ',.md-col-1',
},
],
size: {
average: 1.2857142857142858,
graph: [
3,
3,
1,
1,
1,
1,
1,
1,
1,
1,
1,
1,
1,
1,
],
max: 3,
},
total: 14,
},
selectors: {
class: 14,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 14,
type: 0,
values: [
'.md-col',
'.md-col-right',
'.md-col-1',
'.md-col-2',
'.md-col-3',
'.md-col-4',
'.md-col-5',
'.md-col-6',
'.md-col-7',
'.md-col-8',
'.md-col-9',
'.md-col-10',
'.md-col-11',
'.md-col-12',
],
},
value: '(min-width: 52em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
'-moz-box-sizing': [
'border-box',
'border-box',
],
'box-sizing': [
'border-box',
'border-box',
],
float: [
'left',
'right',
],
width: [
'8.333333333333332%',
'16.666666666666664%',
'25%',
'33.33333333333333%',
'41.66666666666667%',
'50%',
'58.333333333333336%',
'66.66666666666666%',
'75%',
'83.33333333333334%',
'91.66666666666666%',
'100%',
],
},
total: 18,
unique: 16,
uniqueToTotalRatio: 0.8888888888888888,
},
rules: {
selectorByRuleSizes: [
{
declarations: 3,
selector: ',.lg-col-right',
},
{
declarations: 3,
selector: '.lg-col',
},
{
declarations: 1,
selector: ',.lg-col-12',
},
{
declarations: 1,
selector: ',.lg-col-11',
},
{
declarations: 1,
selector: ',.lg-col-10',
},
{
declarations: 1,
selector: ',.lg-col-9',
},
{
declarations: 1,
selector: ',.lg-col-8',
},
{
declarations: 1,
selector: ',.lg-col-7',
},
{
declarations: 1,
selector: ',.lg-col-6',
},
{
declarations: 1,
selector: ',.lg-col-5',
},
{
declarations: 1,
selector: ',.lg-col-4',
},
{
declarations: 1,
selector: ',.lg-col-3',
},
{
declarations: 1,
selector: ',.lg-col-2',
},
{
declarations: 1,
selector: ',.lg-col-1',
},
],
size: {
average: 1.2857142857142858,
graph: [
3,
3,
1,
1,
1,
1,
1,
1,
1,
1,
1,
1,
1,
1,
],
max: 3,
},
total: 14,
},
selectors: {
class: 14,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 14,
type: 0,
values: [
'.lg-col',
'.lg-col-right',
'.lg-col-1',
'.lg-col-2',
'.lg-col-3',
'.lg-col-4',
'.lg-col-5',
'.lg-col-6',
'.lg-col-7',
'.lg-col-8',
'.lg-col-9',
'.lg-col-10',
'.lg-col-11',
'.lg-col-12',
],
},
value: '(min-width: 64em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
display: [
'table',
'table-cell',
],
'vertical-align': [
'middle',
],
width: [
'100%',
],
},
total: 4,
unique: 4,
uniqueToTotalRatio: 1,
},
rules: {
selectorByRuleSizes: [
{
declarations: 2,
selector: ',.sm-table-cell',
},
{
declarations: 2,
selector: '.sm-table',
},
],
size: {
average: 2,
graph: [
2,
2,
],
max: 2,
},
total: 2,
},
selectors: {
class: 2,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 2,
type: 0,
values: [
'.sm-table',
'.sm-table-cell',
],
},
value: '(min-width: 40em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
display: [
'table',
'table-cell',
],
'vertical-align': [
'middle',
],
width: [
'100%',
],
},
total: 4,
unique: 4,
uniqueToTotalRatio: 1,
},
rules: {
selectorByRuleSizes: [
{
declarations: 2,
selector: ',.md-table-cell',
},
{
declarations: 2,
selector: '.md-table',
},
],
size: {
average: 2,
graph: [
2,
2,
],
max: 2,
},
total: 2,
},
selectors: {
class: 2,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 2,
type: 0,
values: [
'.md-table',
'.md-table-cell',
],
},
value: '(min-width: 52em)',
},
{
declarations: {
getAllFontFamilies: Function {},
getAllFontSizes: Function {},
getPropertyResets: Function {},
getPropertyValueCount: Function {},
getUniquePropertyCount: Function {},
getVendorPrefixed: Function {},
properties: {
display: [
'table',
'table-cell',
],
'vertical-align': [
'middle',
],
width: [
'100%',
],
},
total: 4,
unique: 4,
uniqueToTotalRatio: 1,
},
rules: {
selectorByRuleSizes: [
{
declarations: 2,
selector: ',.lg-table-cell',
},
{
declarations: 2,
selector: '.lg-table',
},
],
size: {
average: 2,
graph: [
2,
2,
],
max: 2,
},
total: 2,
},
selectors: {
class: 2,
getRepeatedValues: Function {},
getSortedSpecificity: Function {},
getSpecificityGraph: Function {},
getSpecificityValues: Function {},
id: 0,
pseudoClass: 0,
pseudoElement: 0,
specificity: {
average: 10,
max: 10,
},
total: 2,
type: 0,
values: [
'.lg-table',
'.lg-table-cell',
],
},
value: '(min-width: 64em)',
},
],
total: 12,
unique: 3,
values: [
'(min-width: 40em)',
'(min-width: 52em)',
'(min-width: 64em)',
'(min-width: 40em)',
'(min-width: 52em)',
'(min-width: 64em)',
'(min-width: 40em)',
'(min-width: 52em)',
'(min-width: 64em)',
'(min-width: 40em)',
'(min-width: 52em)',
'(min-width: 64em)',
],
},
rules: {
selectorByRuleSizes: [
{
declarations: 12,
selector: `button,␊
.button`,
},
{
declarations: 11,
selector: '.button-blue-outline',
},
{
declarations: 9,
selector: '.button-red',
},
{
declarations: 9,
selector: '.button-gray',
},
{
declarations: 9,
selector: '.button-blue',
},
{
declarations: 7,
selector: '.field-light',
},
{
declarations: 6,
selector: '.absolute-center',
},
{
declarations: 5,
selector: '.button-nav-tab.is-active',
},
{
declarations: 5,
selector: '.hide',
},
{
declarations: 5,
selector: `input[type=text],␊
input[type=datetime],␊
input[type=datetime-local],␊
input[type=email],␊
input[type=month],␊
input[type=number],␊
input[type=password],␊
input[type=search],␊
input[type=tel],␊
input[type=time],␊
input[type=url],␊
input[type=week]`,
},
{
declarations: 5,
selector: 'blockquote',
},
{
declarations: 5,
selector: `h1,␊
h2,␊
h3,␊
h4,␊
h5,␊
h6`,
},
{
declarations: 4,
selector: '.field-dark',
},
{
declarations: 4,
selector: 'hr',
},
{
declarations: 4,
selector: 'table',
},
{
declarations: 4,
selector: '.fieldset-reset',
},
{
declarations: 4,
selector: 'textarea',
},
{
declarations: 4,
selector: 'select',
},
{
declarations: 3,
selector: '.border-left',
},
{
declarations: 3,
selector: '.border-bottom',
},
{
declarations: 3,
selector: '.border-right',
},
{
declarations: 3,
selector: '.border-top',
},
{
declarations: 3,
selector: '.border',
},
{
declarations: 3,
selector: '.button-nav-tab',
},
{
declarations: 3,
selector: `.button-blue-outline:disabled,␊
.button-blue-outline.is-disabled`,
},
{
declarations: 3,
selector: `.table-light th,␊
.table-light td`,
},
{
declarations: 3,
selector: '.field-light:focus',
},
{
declarations: 3,
selector: '.lg-col-right',
},
{
declarations: 3,
selector: '.lg-col',
},
{
declarations: 3,
selector: '.md-col-right',
},
{
declarations: 3,
selector: '.md-col',
},
{
declarations: 3,
selector: '.sm-col-right',
},
{
declarations: 3,
selector: '.sm-col',
},
{
declarations: 3,
selector: '.col-right',
},
{
declarations: 3,
selector: '.col',
},
{
declarations: 3,
selector: '.container',
},
{
declarations: 3,
selector: 'pre',
},
{
declarations: 3,
selector: `p,␊
dl,␊
ol,␊
ul`,
},
{
declarations: 3,
selector: 'body',
},
{
declarations: 2,
selector: '.button-red:focus',
},
{
declarations: 2,
selector: '.button-gray:focus',
},
{
declarations: 2,
selector: '.button-blue-outline:focus',
},
{
declarations: 2,
selector: `.button-blue-outline:hover,␊
.button-blue-outline.is-active`,
},
{
declarations: 2,
selector: '.button-blue:focus',
},
{
declarations: 2,
selector: '.field-dark:focus',
},
{
declarations: 2,
selector: `.radio-light:focus,␊
.checkbox-light:focus`,
},
{
declarations: 2,
selector: `.radio-light,␊
.checkbox-light`,
},
{
declarations: 2,
selector: '.field-light:disabled',
},
{
declarations: 2,
selector: `pre,␊
code`,
},
{
declarations: 2,
selector: 'a',
},
{
declarations: 2,
selector: 'body',
},
{
declarations: 2,
selector: '.lg-table-cell',
},
{
declarations: 2,
selector: '.lg-table',
},
{
declarations: 2,
selector: '.md-table-cell',
},
{
declarations: 2,
selector: