// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`at-root.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
.parent {
    @at-root {
        .child1 {
            width: 100px;
        }
        .child2 {
            width: 200px;
        }
    }
}
.parent {
@at-root {
.child1 {
width: 100px;
}
.child2 {
width: 200px;
}
}
}
.parent {
    @at-root  {
        .child1 {
            width: 100px;
        }
        .child2 {
            width: 200px;
        }
    }
}
.parent  {
    @at-root  {
        .child1  {
            width: 100px;
        }
        .child2  {
            width: 200px;
        }
    }
}
.parent
{
@at-root
{
.child1
{
width
:
100px
;
}
.child2
{
width
:
200px
;
}
}
}
.parent

{

@at-root

{

.child1

{

width

:

100px

;

}
.child2

{

width

:

200px

;

}

}

}
.parent {
    @at-root .child {
        width: 100px;
    }
}
.parent {
@at-root .child {
width: 100px;
}
}
.parent{
    @at-root .child{
        width: 100px;
    }
}
.parent  {
    @at-root  .child  {
        width: 100px;
    }
}
.parent
{
@at-root
.child
{
width
:
100px
;
}
}
.parent

{

@at-root

.child

{

width

:

100px

;

}

}
.parent {
@at-root
input[
type
=
'radio'
]
{
color
:
red
;
}
}
@media print {
    .page {
        width: 8in;

        @at-root (with: media) {
            color: red;
        }
    }
}
@media print {
.page {
width: 8in;

@at-root (with: media) {
color: red;
}
}
}
@media print{
    .page{
        width: 8in;

        @at-root (with:media){
            color: red;
        }
    }
}
@media print {
    .page {
        width: 8in;

        @at-root ( with : media ) {
            color: red;
        }
    }
}
@media print  {
    .page  {
        width: 8in;

        @at-root  (  with  :  media  ) {
            color: red;
        }
    }
}
@media print  {
    .page  {
        width: 8in;

    @at-root
        (with: media) {
            color: red;
        }
    }
}
@media print
{
.page
{
width
:
8in
;
@at-root
(
with
:
media
)
{
color
:
red
;
}
}
}
@media print

{

.page

{

width

:

8in

;

@at-root

(

with

:

media

)

{

color
:

red

;

}

}

}
@media print {
    .page {
        width: 8in;

        @at-root (without: media) {
            color: red;
        }
    }
}

=====================================output=====================================
.parent {
  @at-root {
    .child1 {
      width: 100px;
    }
    .child2 {
      width: 200px;
    }
  }
}
.parent {
  @at-root {
    .child1 {
      width: 100px;
    }
    .child2 {
      width: 200px;
    }
  }
}
.parent {
  @at-root {
    .child1 {
      width: 100px;
    }
    .child2 {
      width: 200px;
    }
  }
}
.parent {
  @at-root {
    .child1 {
      width: 100px;
    }
    .child2 {
      width: 200px;
    }
  }
}
.parent {
  @at-root {
    .child1 {
      width: 100px;
    }
    .child2 {
      width: 200px;
    }
  }
}
.parent {
  @at-root {
    .child1 {
      width: 100px;
    }
    .child2 {
      width: 200px;
    }
  }
}
.parent {
  @at-root .child {
    width: 100px;
  }
}
.parent {
  @at-root .child {
    width: 100px;
  }
}
.parent {
  @at-root .child {
    width: 100px;
  }
}
.parent {
  @at-root .child {
    width: 100px;
  }
}
.parent {
  @at-root .child {
    width: 100px;
  }
}
.parent {
  @at-root .child {
    width: 100px;
  }
}
.parent {
  @at-root input[type="radio"] {
    color: red;
  }
}
@media print {
  .page {
    width: 8in;

    @at-root (with: media) {
      color: red;
    }
  }
}
@media print {
  .page {
    width: 8in;

    @at-root (with: media) {
      color: red;
    }
  }
}
@media print {
  .page {
    width: 8in;

    @at-root (with: media) {
      color: red;
    }
  }
}
@media print {
  .page {
    width: 8in;

    @at-root (with: media) {
      color: red;
    }
  }
}
@media print {
  .page {
    width: 8in;

    @at-root (with: media) {
      color: red;
    }
  }
}
@media print {
  .page {
    width: 8in;

    @at-root (with: media) {
      color: red;
    }
  }
}
@media print {
  .page {
    width: 8in;
    @at-root (with: media) {
      color: red;
    }
  }
}
@media print {
  .page {
    width: 8in;

    @at-root (with: media) {
      color: red;
    }
  }
}
@media print {
  .page {
    width: 8in;

    @at-root (without: media) {
      color: red;
    }
  }
}

================================================================================
`;

exports[`charset.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@charset "UTF-8";
@charset "iso-8859-15";
@charset 'iso-8859-15'; /* Invalid, wrong quoting style used */
@charset  "UTF-8"; /* Invalid, more than one space */
@charset "UTF-8"; /* Invalid, there is a character (a space) before the at-rule */
@charset UTF-8; /* Invalid, without ' or ", the charset is not a CSS <string> */

=====================================output=====================================
@charset "UTF-8";
@charset "iso-8859-15";
@charset 'iso-8859-15'; /* Invalid, wrong quoting style used */
@charset "UTF-8"; /* Invalid, more than one space */
@charset "UTF-8"; /* Invalid, there is a character (a space) before the at-rule */
@charset UTF-8; /* Invalid, without ' or ", the charset is not a CSS <string> */

================================================================================
`;

exports[`counter-style.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@counter-style identifier {
    system: cyclic;
    symbols: "\\1F44D";
    suffix: " ";
}
@counter-style identifier {
system: cyclic;
symbols: "\\1F44D";
suffix: " ";
}
@counter-style identifier{
    system: cyclic;
    symbols: "\\1F44D";
    suffix: " ";
}
@counter-style  identifier  {
    system: cyclic;
    symbols: "\\1F44D";
    suffix: " ";
}
@counter-style
identifier
{
system
:
cyclic
;
symbols
:
"\\1F44D"
;
suffix
:
" "
;
}

@counter-style

identifier

{

system

:

cyclic

;

symbols


:

"\\1F44D"

;

suffix

:

" "

;

}

=====================================output=====================================
@counter-style identifier {
  system: cyclic;
  symbols: "\\1F44D";
  suffix: " ";
}
@counter-style identifier {
  system: cyclic;
  symbols: "\\1F44D";
  suffix: " ";
}
@counter-style identifier {
  system: cyclic;
  symbols: "\\1F44D";
  suffix: " ";
}
@counter-style identifier {
  system: cyclic;
  symbols: "\\1F44D";
  suffix: " ";
}
@counter-style identifier {
  system: cyclic;
  symbols: "\\1F44D";
  suffix: " ";
}

@counter-style identifier {
  system: cyclic;

  symbols: "\\1F44D";

  suffix: " ";
}

================================================================================
`;

exports[`custom-media.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@custom-media --small-viewport (max-width: 30em);
@custom-media --small-viewport (max-width:30em);
@custom-media  --small-viewport  (  max-width  :  30em  )  ;
@custom-media --small-viewport
    (max-width: 30em);
@custom-media
    --small-viewport
    (
        max-width: 30em
    );
@custom-media
--small-viewport
(
max-width
:
30em
)
;
@custom-media

--small-viewport

(

max-width

:

30em

)

;
@custom-media --none not all;
@custom-media  --none  not  all  ;
@custom-media  --none
    not all;
@custom-media  --none
    not
    all;
@custom-media
--none
not
all
;
@custom-media

--none

not

all

;
@custom-media --tablet (min-width: 768px) and (max-width: 1279px);
@custom-media --tablet (min-width:768px) and (max-width:1279px);
@custom-media  --tablet  (  min-width  :  768px  )  and  (  max-width  :  1279px  )  ;
@custom-media --tablet
    (min-width: 768px) and (max-width: 1279px);
@custom-media
    --tablet
    (min-width: 768px) and
    (max-width: 1279px);
@custom-media
--tablet
(
min-width
:
768px
)
and
(
max-width
:
1279px
)
;
@custom-media

--tablet

(

min-width

:

768px

)

and

(

max-width

:

1279px

)

;

=====================================output=====================================
@custom-media --small-viewport (max-width: 30em);
@custom-media --small-viewport (max-width: 30em);
@custom-media --small-viewport (max-width: 30em);
@custom-media --small-viewport (max-width: 30em);
@custom-media --small-viewport (max-width: 30em);
@custom-media --small-viewport (max-width: 30em);
@custom-media --small-viewport (max-width: 30em);
@custom-media --none not all;
@custom-media --none not all;
@custom-media --none not all;
@custom-media --none not all;
@custom-media --none not all;
@custom-media --none not all;
@custom-media --tablet (min-width: 768px) and (max-width: 1279px);
@custom-media --tablet (min-width: 768px) and (max-width: 1279px);
@custom-media --tablet (min-width: 768px) and (max-width: 1279px);
@custom-media --tablet (min-width: 768px) and (max-width: 1279px);
@custom-media --tablet (min-width: 768px) and (max-width: 1279px);
@custom-media --tablet (min-width: 768px) and (max-width: 1279px);
@custom-media --tablet (min-width: 768px) and (max-width: 1279px);

================================================================================
`;

exports[`custom-selector.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@custom-selector :--heading h1, h2, h3, h4, h5, h6;
@custom-selector :--heading h1,h2,h3,h4,h5,h6;
@custom-selector  :--heading  h1  ,  h2  ,  h3  ,  h4  ,  h5  ,  h6  ;
@custom-selector :--heading
    h1, h2, h3, h4, h5, h6;
@custom-selector
    :--heading
    h1,
    h2,
    h3,
    h4,
    h5,
    h6;
@custom-selector
:--heading
h1
,
h2
,
h3
,
h4
,
h5
,
h6
;
@custom-selector

:--heading

h1

,

h2

,

h3

,

h4

,

h5

,

h6

;
@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6;
@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6;
@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6;
@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6;
@custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other;
@custom-selector :--enter :hover, :focus;
@custom-selector :--visible :global.visible;
@custom-selector :--icon i[class^='icon-'], i[class*=' icon-'];
@custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder;
@custom-selector :--enter :matches(:hover, :focus, :active);

=====================================output=====================================
@custom-selector :--heading h1, h2, h3, h4, h5, h6;
@custom-selector :--heading h1, h2, h3, h4, h5, h6;
@custom-selector :--heading h1, h2, h3, h4, h5, h6;
@custom-selector :--heading h1, h2, h3, h4, h5, h6;
@custom-selector :--heading h1, h2, h3, h4, h5, h6;
@custom-selector :--heading h1, h2, h3, h4, h5, h6;
@custom-selector :--heading h1, h2, h3, h4, h5, h6;
@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name
  h1,
  h2,
  h3,
  h4,
  h5,
  h6;
@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name
  h1 + h1,
  h2,
  h3,
  h4,
  h5,
  h6;
@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name
  .very-very-very-very-very-very-very-very-very-long-selector-name
    + very-very-very-very-very-very-very-very-very-long-selector-name-other,
  h2,
  h3,
  h4,
  h5,
  h6;
@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name
  h1 h1,
  h2,
  h3,
  h4,
  h5,
  h6;
@custom-selector :--heading
  .very-very-very-very-very-very-very-very-very-very-long-class-name,
  .very-very-very-very-very-very-very-very-very-very-long-class-name-other;
@custom-selector :--enter :hover, :focus;
@custom-selector :--visible :global.visible;
@custom-selector :--icon i[class^="icon-"], i[class*=" icon-"];
@custom-selector :--placeholder
  :placehoder-shown,
  ::-webkit-input-placeholder,
  ::-moz-placeholder,
  :-ms-input-placeholder;
@custom-selector :--enter :matches(:hover, :focus, :active);

================================================================================
`;

exports[`debug.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@debug 10em + 12em;
@debug 10em+12em;
@debug  10em  +  12em  ;
@debug 10em
    +
    12em
    ;
@debug
10em
+
12em
;
@debug

10em

+

12em

;
@debug $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var;

=====================================output=====================================
@debug 10em + 12em;
@debug 10em+12em;
@debug 10em + 12em;
@debug 10em + 12em;
@debug 10em + 12em;
@debug 10em + 12em;
@debug $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var +
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var;

================================================================================
`;

exports[`each.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@each $animal in puma, sea-slug, egret, salamander {}
@each $animal in puma,sea-slug,egret,salamander{}
@each  $animal  in  puma  ,  sea-slug  ,  egret  ,  salamander  {}
@each $animal in
    puma, sea-slug, egret, salamander {}
@each
    $animal
    in
    puma
    ,
    sea-slug
    ,
    egret
    ,
    salamander
    {
    }
@each
$animal
in
puma
,
sea-slug
,
egret
,
salamander
{
}
@each

$animal

in

puma

,

sea-slug

,

egret

,

salamander

{

}
@each $animal in ((puma), (sea-slug), (egret), (salamander)) {}
@each $animal in((puma),(sea-slug),(egret),(salamander)){}
@each  $animal  in  (  (  puma  )  ,  (  sea-slug  )  ,  (  egret  )  ,  (  salamander  )  )  {}
@each $animal
    in ((puma), (sea-slug), (egret), (salamander)) {}
@each
    $animal
    in (
        (puma),
        (sea-slug),
        (egret),
        (salamander)
    ) {  }
@each
    $animal
    in
    (
    (
    puma
    )
    ,
    (
    sea-slug
    )
    ,
    (
    egret
    )
    ,
    (
    salamander
    )
    )
    {
    }
@each

    $animal

    in

    (

    (

    puma

    )

    ,

    (

    sea-slug

    )

    ,

    (

    egret

    )

    ,

    (

    salamander

    )

    )

    {

    }
@each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {}
@each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){}
@each $animal, $color, $cursor in
    (puma, black, default),
    (sea-slug, blue, pointer),
    (egret, white, move) {}
@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {}
@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {}
@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {}
@each $element,$size in(h1:20px,h2:16px,h3:14px){}
@each  $element  ,  $size  in  (  h1  :  20px  ,  h2  :  16px  ,  h3  :  14px  )  {}
@each $element,
    $size in (h1: 20px, h2: 16px, h3: 14px) {}
@each
    $element,
    $size
    in
    (
    h1
    :
    20px
    ,
    h2
    :
    16px
    ,
    h3
    :
    14px
    )
    {
    }
@each
$element,
$size
in
(
h1
:
20px
,
h2
:
16px
,
h3
:
14px
)
{
}
@each
$element,

$size

in

(

h1

:

20px

,

h2

:

16px

,

h3

:

14px

)

{

}

=====================================output=====================================
@each $animal in puma, sea-slug, egret, salamander {
}
@each $animal in puma, sea-slug, egret, salamander {
}
@each $animal in puma, sea-slug, egret, salamander {
}
@each $animal in puma, sea-slug, egret, salamander {
}
@each $animal in puma, sea-slug, egret, salamander {
}
@each $animal in puma, sea-slug, egret, salamander {
}
@each $animal in puma, sea-slug, egret, salamander {
}
@each $animal in ((puma), (sea-slug), (egret), (salamander)) {
}
@each $animal in((puma), (sea-slug), (egret), (salamander)) {
}
@each $animal in ((puma), (sea-slug), (egret), (salamander)) {
}
@each $animal in ((puma), (sea-slug), (egret), (salamander)) {
}
@each $animal in ((puma), (sea-slug), (egret), (salamander)) {
}
@each $animal in ((puma), (sea-slug), (egret), (salamander)) {
}
@each $animal in ((puma), (sea-slug), (egret), (salamander)) {
}
@each $animal, $color, $cursor in (puma, black, default),
  (sea-slug, blue, pointer), (egret, white, move)
{
}
@each $animal, $color, $cursor in (puma, black, default),
  (sea-slug, blue, pointer), (egret, white, move)
{
}
@each $animal, $color, $cursor in (puma, black, default),
  (sea-slug, blue, pointer), (egret, white, move)
{
}
@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
    in puma,
  sea-slug, egret, salamander
{
}
@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var,
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1,
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2
    in (puma, black, default),
  (sea-slug, blue, pointer), (egret, white, move)
{
}
@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {
}
@each $element, $size in(h1: 20px, h2: 16px, h3: 14px) {
}
@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {
}
@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {
}
@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {
}
@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {
}
@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {
}

================================================================================
`;

exports[`extend.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
.master {
    color:  black;
    font-size: 12px;
}
.emphasis {
    @extend .master;
    font-weight: bold;
}
.emphasis {
@extend .master;
font-weight: bold;
}
.emphasis {
    @extend  .master ;
    font-weight: bold;
}
.emphasis {
    @extend   .master  ;
    font-weight: bold;
}
.emphasis
{
@extend
.master
;
font-weight
:
bold
;
}
.emphasis

{

@extend

.master

;

font-weight

:

bold

;

}
%message-shared {
    border: 1px solid #ccc;
    padding: 10px;
    color: #333;
}
.message {
    @extend %message-shared;
}
.message {
@extend %message-shared;
}
.message {
    @extend  %message-shared ;
}
.message {
    @extend   %message-shared  ;
}
.message {
@extend
%message-shared;
}
.message {

@extend

%message-shared;

}
a.important {
    @extend .notice !optional;
}
a.important {
@extend .notice !optional;
}
a.important {
    @extend  .notice !optional ;
}
a.important {
    @extend  .notice  !optional  ;
}
a.important
{
@extend
.notice
!optional
;
}
a.important

{

@extend

.notice

!optional

;

}
.message-error {
    @extend .message, .important;
}
.message-error {
    @extend .message , .important ;
}
.message-error {
    @extend   .message  ,  .important  ;
}
.message-error {
    @extend .message,
        .important;
}
.message-error {
    @extend
        .message,
        .important;
}
.message-error
{
@extend
.message
,
.important
;
}
.message-error

{

@extend

.message

,

.important;

}
.message-error {
    @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector;
}

=====================================output=====================================
.master {
  color: black;
  font-size: 12px;
}
.emphasis {
  @extend .master;
  font-weight: bold;
}
.emphasis {
  @extend .master;
  font-weight: bold;
}
.emphasis {
  @extend .master;
  font-weight: bold;
}
.emphasis {
  @extend .master;
  font-weight: bold;
}
.emphasis {
  @extend .master;
  font-weight: bold;
}
.emphasis {
  @extend .master;

  font-weight: bold;
}
%message-shared {
  border: 1px solid #ccc;
  padding: 10px;
  color: #333;
}
.message {
  @extend %message-shared;
}
.message {
  @extend %message-shared;
}
.message {
  @extend %message-shared;
}
.message {
  @extend %message-shared;
}
.message {
  @extend %message-shared;
}
.message {
  @extend %message-shared;
}
a.important {
  @extend .notice !optional;
}
a.important {
  @extend .notice !optional;
}
a.important {
  @extend .notice !optional;
}
a.important {
  @extend .notice !optional;
}
a.important {
  @extend .notice !optional;
}
a.important {
  @extend .notice !optional;
}
.message-error {
  @extend .message, .important;
}
.message-error {
  @extend .message, .important;
}
.message-error {
  @extend .message, .important;
}
.message-error {
  @extend .message, .important;
}
.message-error {
  @extend .message, .important;
}
.message-error {
  @extend .message, .important;
}
.message-error {
  @extend .message, .important;
}
.message-error {
  @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector,
    .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector;
}

================================================================================
`;

exports[`font-face.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@font-face {
    font-family: "Open Sans";
    src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
        url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face{
    font-family: "Open Sans";
    src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
        url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face  {
    font-family: "Open Sans";
    src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
        url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face
{
font-family
:
"Open Sans"
;
src
:
url(
"/fonts/OpenSans-Regular-webfont.woff2"
)
format(
"woff2"
)
,
url(
"/fonts/OpenSans-Regular-webfont.woff"
)
format(
"woff"
)
;
}
@font-face

{

font-family

:

"Open Sans"

;

src

:

url(

"/fonts/OpenSans-Regular-webfont.woff2"

)

format(

"woff2"

)

,

url(

"/fonts/OpenSans-Regular-webfont.woff"

)

format(


"woff"

)

;

}

=====================================output=====================================
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";

  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
    url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}

================================================================================
`;

exports[`font-feature-values.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@font-feature-values Font One {
    @styleset {
        nice-style: 12;
    }
}
@font-feature-values Font One {
@styleset {
nice-style: 12;
}
}
@font-feature-values Font One{
    @styleset{
        nice-style: 12;
    }
}
@font-feature-values  Font One  {
    @styleset  {
        nice-style: 12;
    }
}
@font-feature-values
Font One
{
@styleset
{
nice-style
:
12
;
}
}

@font-feature-values

Font One

{

@styleset
{

nice-style

:

12

;

}

}

=====================================output=====================================
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}

@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}

================================================================================
`;

exports[`for.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@for $i from 1 through 8 {}
@for $i from 1 through 8{}
@for  $i  from  1  through  8  {}
@for  $i
from
1
through
8
{}
@for
$i
from
1
through
8
{}
@for
$i
from
1
through
8
{}
@for

$i

from

1

through

8

{}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {}
@for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {}
@for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {}

=====================================output=====================================
@for $i from 1 through 8 {
}
@for $i from 1 through 8 {
}
@for $i from 1 through 8 {
}
@for $i from 1 through 8 {
}
@for $i from 1 through 8 {
}
@for $i from 1 through 8 {
}
@for $i from 1 through 8 {
}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
  from 1
  through 5
{
}
@for $i
  from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1
  through 5
{
}
@for $i
  from 1
  through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2
{
}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
  from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1
  through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2
{
}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
  from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1
  end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2
{
}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
  from ($var1 + $var1)
  through ($var-2 + $var-2)
{
}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
  from (
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 +
      $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1
  )
  through (
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 +
      $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2
  )
{
}

================================================================================
`;

exports[`function.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@function func($arg, $arg1, $arg2: 10, $args...) {
    @return "Func";
}
@function func($arg,$arg1,$arg2:10,$args...){
    @return "Func";
}
@function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) {
    @return "Func";
}
@function  func  (  $arg  ,  $arg1  ,  $arg2  :  10  ,  $args  ...  )  {
    @return "Func";
}
@function func(
    $arg,
    $arg1,
    $arg2: 10,
    $args...
)  {
    @return "Func";
}
@function
    func(
        $arg,
        $arg1,
        $arg2: 10,
        $args...
    )  {
    @return "Func";
}
@function
func
(
$arg
,
$arg1
,
$arg2
:
10
,
$args
...
)
{
@return
"Func"
;
}
@function

func

(

$arg

,

$arg1

,

$arg2

:

10

,

$args

...

)

{

@return

"Func"

;

}
@function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {
    @return "Func";
}

=====================================output=====================================
@function func($arg, $arg1, $arg2: 10, $args...) {
  @return "Func";
}
@function func($arg, $arg1, $arg2: 10, $args...) {
  @return "Func";
}
@function func($arg, $arg1, $arg2: 10, $args...) {
  @return "Func";
}
@function func($arg, $arg1, $arg2: 10, $args...) {
  @return "Func";
}
@function func($arg, $arg1, $arg2: 10, $args...) {
  @return "Func";
}
@function func($arg, $arg1, $arg2: 10, $args...) {
  @return "Func";
}
@function func($arg, $arg1, $arg2: 10, $args...) {
  @return "Func";
}
@function func($arg, $arg1, $arg2: 10, $args...) {
  @return "Func";
}
@function func(
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg,
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1,
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2:
    10,
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...
) {
  @return "Func";
}

================================================================================
`;

exports[`if-else.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@if $media == phonePortrait {
    $k: .15625;
} @else if $media == phoneLandscape {
    $k: .08803;
} @else if $media == tabletPortrait {
    $k: .065106;
}
p {
    @if $type == ocean {}
    @if $type==ocean{}
    @if  $type  ==  ocean  {}
    @if $type
        == ocean {}
    @if
    $type
    ==
    ocean
    {
    }
    @if

    $type

    ==

    ocean

    {

    }
    @if (($type) == (ocean)) {}
    @if (($type)==(ocean)){}
    @if  (  (  $type  )  ==  (  ocean  )  )  {}
    @if (($type)
        == (ocean)) {}
    @if
    (
    (
    $type
    )
    ==
    (
    ocean
    )
    )
    {
    }
    @if

    (

    (

    $type

    )

    ==

    (

    ocean

    )

    )

    {

    }
    @if $type == ocean {
        color: blue;
    } @else if $type == matador {
        color: red;
    } @else if $type == monster {
        color: green;
    } @else {
        color: black;
    }
    @if $type == ocean {
    } @else if $type == matador {
    }
    @if $type==ocean{}@else if $type==matador{}
    @if  $type  ==  ocean  {  }  @else  if  $type  ==  matador  {  }
    @if $type == ocean {}
    @else if $type == matador {}
    @if
        $type == ocean {}
    @else if
        $type == matador {}
    @if
        $type
        ==
        ocean
        {
        }
    @else
        if
        $type
        ==
        matador
        {
        }
    @if

        $type

        ==

        ocean

        {

        }

    @else

        if

        $type

        ==

        matador

        {

        }
    @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables {
        color: blue;
    } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables {
        color: red;
    } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables {
        color: green;
    } @else {
        color: black;
    }
    @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {}
    @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {}
    @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {}
    @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {}
    @if (str-slice($item, 0, 1) == ":") {}
    @if (str-slice($item, 0, 3) == " : ") {}
    @if ($type == ocean) {} @else if ($type == matador) {} @else {}
}

=====================================output=====================================
@if $media == phonePortrait {
  $k: 0.15625;
} @else if $media == phoneLandscape {
  $k: 0.08803;
} @else if $media == tabletPortrait {
  $k: 0.065106;
}
p {
  @if $type == ocean {
  }
  @if $type==ocean {
  }
  @if $type == ocean {
  }
  @if $type == ocean {
  }
  @if $type == ocean {
  }
  @if $type == ocean {
  }
  @if (($type) == (ocean)) {
  }
  @if (($type) ==(ocean)) {
  }
  @if (($type) == (ocean)) {
  }
  @if (($type) == (ocean)) {
  }
  @if (($type) == (ocean)) {
  }
  @if (($type) == (ocean)) {
  }
  @if $type == ocean {
    color: blue;
  } @else if $type == matador {
    color: red;
  } @else if $type == monster {
    color: green;
  } @else {
    color: black;
  }
  @if $type == ocean {
  } @else if $type == matador {
  }
  @if $type==ocean {
  } @else if $type==matador {
  }
  @if $type == ocean {
  } @else if $type == matador {
  }
  @if $type == ocean {
  } @else if $type == matador {
  }
  @if $type == ocean {
  } @else if $type == matador {
  }
  @if $type == ocean {
  } @else if $type == matador {
  }
  @if $type == ocean {
  } @else if $type == matador {
  }
  @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables ==
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables
  {
    color: blue;
  } @else if
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables ==
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables
  {
    color: red;
  } @else if
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables ==
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables
  {
    color: green;
  } @else {
    color: black;
  }
  @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {
  }
  @if $very-very-very-very-very-very-long-var ==
    0 and
    $very-very-very-long-var ==
    0
  {
  }
  @if $very-very-very-very-very-very-very-very-very-very-very-long-var ==
    0 and
    $very-very-very-very-very-very-very-very-very-very-very-long-var ==
    0
  {
  }
  @if $base-font-size !=
    16px or
    $base-line-height !=
    24px or
    $base-unit !=
    "em" or
    $h1-font-size !=
    2 *
    $base-font-size or
    $h2-font-size !=
    1.5 *
    $base-font-size or
    $h3-font-size !=
    1.17 *
    $base-font-size or
    $h4-font-size !=
    1 *
    $base-font-size or
    $h5-font-size !=
    0.83 *
    $base-font-size or
    $h6-font-size !=
    0.67 *
    $base-font-size or
    $indent-amount !=
    40px
  {
  }
  @if (str-slice($item, 0, 1) == ":") {
  }
  @if (str-slice($item, 0, 3) == " : ") {
  }
  @if ($type == ocean) {
  } @else if ($type == matador) {
  } @else {
  }
}

================================================================================
`;

exports[`import.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen, projection;
@import "common.css" screen projection;
@import url('landscape.css') screen and (orientation:landscape);

@import (multiple) "foo.less";

/* This isn't valid CSS, SCSS or Less, but we should be lenient and make sure
/* that nothing is lost when printing. */
@import "one" two "three";

#main {
    @import "example";
}
#main {
@import "example";
}
#main {
    @import "example" ;
}
#main {
    @import  "example"  ;
}
#main {
    @import
        "example";
}
#main
{
@import
"example";
}
#main

{

@import

"example";

}

@import "test.less" {}
@import "test.less" {
    a: b;
    c: d;
}

@import url('foo');
$dir: 'fonts';

@import url("foo.css");
@import url('foo.css');
@import  url("foo.css");
@import   url("foo.css");
@import url("fineprint.css")print;
@import url("fineprint.css") print;
@import url("fineprint.css")  print;
@import url("fineprint.css")
  print;
@import url("bluish.css") projection,tv;
@import url("bluish.css") projection, tv;
@import url("bluish.css") projection ,tv;
@import url("bluish.css") projection , tv;
@import url("bluish.css") projection  ,  tv;
@import url("bluish.css")
  projection,
  tv;
@import url("very-very-very-very-very-very-very-very-very-very-long-name.css") projection,tv;
@import url("very-very-very-very-very-very-very-very-very-very-long-name.css") projection tv;
@import url('landscape.css') screen and (orientation:landscape);
@import "rounded-corners", "text-shadow";
@import 'rounded-corners', 'text-shadow';
$family: unquote("Droid+Sans");
@import url("http://fonts.googleapis.com/css?family=#{$family}");
@import url( "foo.css");
@import url("foo.css" );
@import url( "foo.css" );
@import url(  "foo.css"  );
@import url("foo bar baz.css");
@import url(  "foo bar baz.css"  );
@import url("foo  bar  baz.css");
@import url(
"foo.css"
);
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600';
@import url(
"foo.css,800"
);

=====================================output=====================================
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import "custom.css";
@import url("chrome://communicator/skin/");
@import "common.css" screen, projection;
@import "common.css" screen projection;
@import url("landscape.css") screen and (orientation: landscape);

@import (multiple) "foo.less";

/* This isn't valid CSS, SCSS or Less, but we should be lenient and make sure
/* that nothing is lost when printing. */
@import "one" two "three";

#main {
  @import "example";
}
#main {
  @import "example";
}
#main {
  @import "example";
}
#main {
  @import "example";
}
#main {
  @import "example";
}
#main {
  @import "example";
}
#main {
  @import "example";
}

@import "test.less" {
}
@import "test.less" {
  a: b;
  c: d;
}

@import url("foo");
$dir: "fonts";

@import url("foo.css");
@import url("foo.css");
@import url("foo.css");
@import url("foo.css");
@import url("fineprint.css") print;
@import url("fineprint.css") print;
@import url("fineprint.css") print;
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import url("bluish.css") projection, tv;
@import url("bluish.css") projection, tv;
@import url("bluish.css") projection, tv;
@import url("bluish.css") projection, tv;
@import url("bluish.css") projection, tv;
@import url("very-very-very-very-very-very-very-very-very-very-long-name.css")
  projection,
  tv;
@import url("very-very-very-very-very-very-very-very-very-very-long-name.css")
  projection tv;
@import url("landscape.css") screen and (orientation: landscape);
@import "rounded-corners", "text-shadow";
@import "rounded-corners", "text-shadow";
$family: unquote("Droid+Sans");
@import url("http://fonts.googleapis.com/css?family=#{$family}");
@import url("foo.css");
@import url("foo.css");
@import url("foo.css");
@import url("foo.css");
@import url("foo bar baz.css");
@import url("foo bar baz.css");
@import url("foo  bar  baz.css");
@import url("foo.css");
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600";
@import url("foo.css,800");

================================================================================
`;

exports[`include.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@include mix(1px, 2px, $arg2: 10, 2px 4px 6px);
@include mix(1px,2px,$arg2:10,2px 4px 6px);
@include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px );
@include mix  (  1px  ,  2px  , $arg2  :  10  ,  2px  4px  6px  );
@include mix(
    1px,
    2px,
    $arg2: 10,
    2px  4px  6px
);
@include
mix(
    1px,
    2px,
    $arg2: 10,
    2px  4px  6px
);
@include
mix
(
1px
,
2px
,
$arg2
:
10
,
2px
4px
6px
)
;
@include

mix

(

1px

,

2px

,

$arg2

:

10

,

2px

4px

6px

)

;
@include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px);
a {
    @include global-variable-overriding;
    @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px);
    @include apply-to-ie6-only {}
    @include apply-to-ie6-only{}
    @include apply-to-ie6-only
        {}
    @include
        apply-to-ie6-only
        {
        }
    @include

        apply-to-ie6-only

        {

        }
}

a {
@include section-type-1(
$header: (margin: 0 0 $margin-base, text-align: left),
$decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light),
$title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3)
);
}

a {
@include item-spotlight-properties-transition(
"-title",
(box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15))
);
}

a {
@include item-spotlight-properties-transition(
"-title",
(
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15),
border-color: $brand-primary
)
);
}

a {
@include item-spotlight-properties-transition(
"-title",
(
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15),
border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
)
);
}

=====================================output=====================================
@include mix(1px, 2px, $arg2: 10, 2px 4px 6px);
@include mix(1px, 2px, $arg2: 10, 2px 4px 6px);
@include mix(1px, 2px, $arg2: 10, 2px 4px 6px);
@include mix(1px, 2px, $arg2: 10, 2px 4px 6px);
@include mix(1px, 2px, $arg2: 10, 2px 4px 6px);
@include mix(1px, 2px, $arg2: 10, 2px 4px 6px);
@include mix(1px, 2px, $arg2: 10, 2px 4px 6px);
@include mix(1px, 2px, $arg2: 10, 2px 4px 6px);
@include mix(
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg:
    1px,
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1:
    2px,
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2:
    10,
  2px 4px 6px
);
a {
  @include global-variable-overriding;
  @include mix(
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg:
      1px,
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1:
      2px,
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2:
      10,
    2px 4px 6px
  );
  @include apply-to-ie6-only {
  }
  @include apply-to-ie6-only {
  }
  @include apply-to-ie6-only {
  }
  @include apply-to-ie6-only {
  }
  @include apply-to-ie6-only {
  }
}

a {
  @include section-type-1(
    $header: (
      margin: 0 0 $margin-base,
      text-align: left
    ),
    $decoration: (
      type: base,
      margin: 0 auto -1px 0,
      primary-color: $brand-primary,
      secondary-color: $gray-light
    ),
    $title: (
      margin: 0 0 $margin-small,
      color: false,
      font-size: $font-size-h3,
      font-weight: false,
      line-height: $line-height-h3
    )
  );
}

a {
  @include item-spotlight-properties-transition(
    "-title",
    (
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)
    )
  );
}

a {
  @include item-spotlight-properties-transition(
    "-title",
    (
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15),
      border-color: $brand-primary
    )
  );
}

a {
  @include item-spotlight-properties-transition(
    "-title",
    (
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15),
      border-color:
        $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
    )
  );
}

================================================================================
`;

exports[`keyframes.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@keyframes identifier {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%,
  72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}
@keyframes identifier {
0%{top:0;left:0;}
30%{top: 50px;}
68%,72%{left: 50px;}
100%{top: 100px; left: 100%;}
}
@keyframes identifier{
    0% {
        top:0;
        left:0;
    }
    30% {
        top: 50px;
    }
    68%, 72% {
        left: 50px;
    }
    100% {
        top: 100px;
        left: 100%;
    }
}
@keyframes  identifier  {
    0% {
        top:0;
        left:0;
    }
    30% {
        top: 50px;
    }
    68%, 72% {
        left: 50px;
    }
    100% {
        top: 100px;
        left: 100%;
    }
}
@keyframes
identifier
{
0%
{
top
:
0;
left
:
0
;
}
30%
{
top
:
50px
;
}
68%
,
72%
{
left
:
50px
;
}
100%
{
top
:
100px
;
left
:
100%
;
}
}
@keyframes

identifier

{

0%

{

top

:

0

;

left

:

0

;

}

30%

{

top

:

50px

;

}

68%

,

72%

{

left

:

50px

;

}

100%

{

top

:

100px

;

left

:

100%

;

}

}
@keyframes identifier {
  from {
    margin-top: 50px;
  }
  to {
    margin-top: 100px;
  }
}
@keyframes
identifier
{
from
{
margin-top: 50px;
}
to
{
margin-top: 100px;
}
}
@keyframes

identifier

{

from

{

margin-top: 50px;

}

to

{

margin-top: 100px;

}

}
@-webkit-keyframes identifier {
  0%   { opacity: 0; top: 4rem; }
  100% { opacity: 1; top: 0; }
}

=====================================output=====================================
@keyframes identifier {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%,
  72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}
@keyframes identifier {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%,
  72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}
@keyframes identifier {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%,
  72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}
@keyframes identifier {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%,
  72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}
@keyframes identifier {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%,
  72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}
@keyframes identifier {
  0% {
    top: 0;

    left: 0;
  }

  30% {
    top: 50px;
  }

  68%,
  72% {
    left: 50px;
  }

  100% {
    top: 100px;

    left: 100%;
  }
}
@keyframes identifier {
  from {
    margin-top: 50px;
  }
  to {
    margin-top: 100px;
  }
}
@keyframes identifier {
  from {
    margin-top: 50px;
  }
  to {
    margin-top: 100px;
  }
}
@keyframes identifier {
  from {
    margin-top: 50px;
  }

  to {
    margin-top: 100px;
  }
}
@-webkit-keyframes identifier {
  0% {
    opacity: 0;
    top: 4rem;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

================================================================================
`;

exports[`media.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@media screen and (min-width: 480px) {}
@media  screen and (min-width: 480px) {}
@MEDIA screen and (min-width: 480px) {}
@MEDIA screen  and (min-width: 480px) {}
@media screen and  (min-width: 480px) {}
@media screen and (min-width: 480px) {}
@media screen and (min-width :480px) {}
@media screen and (min-width : 480px) {}
@media screen and (min-width  :  480px) {}
@media
  screen
  and
  (min-width
  :
  480px) {}
@media screen and ( min-width: 480px) {}
@media screen and (min-width: 480px ) {}
@media screen and ( min-width: 480px ) {}
@media screen and (  min-width:  480px  ) {}
@media not screen and (color), print and (color) { }
@media not screen and (color) , print and (color) { }
@media not screen and (color),print and (color) { }
@media not screen and (color) , print and (color) { }
@media not screen and (color)  ,  print and (color) { }
@media not screen and ( color), print and (color) { }
@media not screen and (color ), print and (color) { }
@media not screen and ( color ), print and (color) { }
@media not screen and (  color  ), print and (color) { }
@media (--small-viewport) {}
@media
(
--small-viewport
)
{
}
@media

(

--small-viewport

)

{

}

.screen-color {
    @media screen {
        color: green;

        @media (min-width: 768px) {
            color: red;
        }
    }
    @media tv {
        color: black;
    }
}
.screen-color {
@media screen {
color: green;

@media (min-width: 768px) {
color: red;
}
}
@media tv {
color: black;
}
}
.screen-color{
    @media screen{
        color: green;

        @media (min-width: 768px){
            color: red;
        }
    }
    @media tv{
        color: black;
    }
}
.screen-color  {
    @media screen  {
        color: green;

        @media (min-width: 768px)  {
            color: red;
        }
    }
    @media tv  {
        color: black;
    }
}
.screen-color
{
@media
screen
{
color
:
green
;
@media
(
min-width
:
768px
)
{
color
:
red
;
}
}
@media
tv
{
color
:
black
;
}
}
.screen-color

{

@media

screen

{

color

:

green

;

@media

(

min-width

:

768px

)

{

color

:

red

;

}

}

@media

tv

{

color

:

black

;

}

}

@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {}

=====================================output=====================================
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 480px) {
}
@media not screen and (color), print and (color) {
}
@media not screen and (color), print and (color) {
}
@media not screen and (color), print and (color) {
}
@media not screen and (color), print and (color) {
}
@media not screen and (color), print and (color) {
}
@media not screen and (color), print and (color) {
}
@media not screen and (color), print and (color) {
}
@media not screen and (color), print and (color) {
}
@media not screen and (color), print and (color) {
}
@media (--small-viewport) {
}
@media (--small-viewport) {
}
@media (--small-viewport) {
}

.screen-color {
  @media screen {
    color: green;

    @media (min-width: 768px) {
      color: red;
    }
  }
  @media tv {
    color: black;
  }
}
.screen-color {
  @media screen {
    color: green;

    @media (min-width: 768px) {
      color: red;
    }
  }
  @media tv {
    color: black;
  }
}
.screen-color {
  @media screen {
    color: green;

    @media (min-width: 768px) {
      color: red;
    }
  }
  @media tv {
    color: black;
  }
}
.screen-color {
  @media screen {
    color: green;

    @media (min-width: 768px) {
      color: red;
    }
  }
  @media tv {
    color: black;
  }
}
.screen-color {
  @media screen {
    color: green;
    @media (min-width: 768px) {
      color: red;
    }
  }
  @media tv {
    color: black;
  }
}
.screen-color {
  @media screen {
    color: green;

    @media (min-width: 768px) {
      color: red;
    }
  }

  @media tv {
    color: black;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
  all and (-o-min-device-pixel-ratio: 3/2),
  all and (min--moz-device-pixel-ratio: 1.5),
  all and (min-device-pixel-ratio: 1.5) {
}

================================================================================
`;

exports[`mixin.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@mixin clearfix {}
@mixin clearfix{}
@mixin  clearfix  {}
@mixin clearfix
  {}
@mixin
  clearfix
  {}
@mixin
clearfix
{
}
@mixin

clearfix

{

}

@mixin mix($arg, $arg1, $arg2: 10, $args...) {}
@mixin mix($arg,$arg1,$arg2:10,$args...){}
@mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {}
@mixin  mix  (  $arg  ,  $arg1  ,  $arg2  :  10  ,  $args  ...  )  {}
@mixin mix(
    $arg,
    $arg1,
    $arg2: 10,
    $args...
) {}
@mixin
mix(
    $arg,
    $arg1,
    $arg2: 10,
    $args...
    ) {}
@mixin
mix
(
$arg
,
$arg1
,
$arg2
:
10
,
$args
...
)
{
}
@mixin

mix

(

$arg

,

$arg1

,

$arg2

:

10

,

$args

...

)

{
}
@mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {}
@mixin component($conf: ()) {}
@mixin component($conf: ( )) {}
@mixin button-variant($hover-background: darken($background, 7.5%)) {}
@mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {}
@mixin button-variant($hover-background:darken($background,7.5%)) {}
@mixin button-variant(
    $hover-background: darken($background, 7.5%)
) {}
@mixin
button-variant(
$hover-background
:
darken(
$background
,
7.5%
)
)
{}
@mixin button-variant($foo: "...") {}
@mixin button-variant($foo: " ... ") {}
@mixin button-variant($foo: "  ...  ") {}
@mixin sexy-border($color, $width, $foo: (color: red)) {}

=====================================output=====================================
@mixin clearfix {
}
@mixin clearfix {
}
@mixin clearfix {
}
@mixin clearfix {
}
@mixin clearfix {
}
@mixin clearfix {
}
@mixin clearfix {
}

@mixin mix($arg, $arg1, $arg2: 10, $args...) {
}
@mixin mix($arg, $arg1, $arg2: 10, $args...) {
}
@mixin mix($arg, $arg1, $arg2: 10, $args...) {
}
@mixin mix($arg, $arg1, $arg2: 10, $args...) {
}
@mixin mix($arg, $arg1, $arg2: 10, $args...) {
}
@mixin mix($arg, $arg1, $arg2: 10, $args...) {
}
@mixin mix($arg, $arg1, $arg2: 10, $args...) {
}
@mixin mix($arg, $arg1, $arg2: 10, $args...) {
}
@mixin mix(
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg,
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1,
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2:
    10,
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...
) {
}
@mixin component($conf: ()) {
}
@mixin component($conf: ()) {
}
@mixin button-variant($hover-background: darken($background, 7.5%)) {
}
@mixin button-variant($hover-background: darken($background, 7.5%)) {
}
@mixin button-variant($hover-background: darken($background, 7.5%)) {
}
@mixin button-variant($hover-background: darken($background, 7.5%)) {
}
@mixin button-variant($hover-background: darken($background, 7.5%)) {
}
@mixin button-variant($foo: "...") {
}
@mixin button-variant($foo: " ... ") {
}
@mixin button-variant($foo: "  ...  ") {
}
@mixin sexy-border($color, $width, $foo: (color: red)) {
}

================================================================================
`;

exports[`namespaces.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@namespace toto "http://toto.example.org";
@namespace toto url("http://toto.example.org");
@namespace toto "http://toto.example.org" ;
@namespace  toto  "http://toto.example.org"  ;
@namespace
toto
"http://toto.example.org"
;
@namespace

toto

"http://toto.example.org"

;
@namespace very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-namespace "http://toto.example.org";
@namespace
very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-namespace
"http://toto.example.org"
;
@namespace

very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-namespace

"http://toto.example.org"

;
@namespace "http://example.com/foo";
@namespace url("http://example.com/foo");
@namespace url("http://example.com/foo") ;
@namespace  url("http://example.com/foo")  ;
@namespace
url("http://example.com/foo");
@namespace

url("http://example.com/foo");
@namespace url("http://example.com/foo/very/very/very/very/very/very/very/very/very/very/very/very/very/very");
@namespace
url("http://example.com/foo/very/very/very/very/very/very/very/very/very/very/very/very/very/very/very");
@namespace

url("http://example.com/foo/very/very/very/very/very/very/very/very/very/very/very/very/very/very/very");

=====================================output=====================================
@namespace toto "http://toto.example.org";
@namespace toto url("http://toto.example.org");
@namespace toto "http://toto.example.org";
@namespace toto "http://toto.example.org";
@namespace toto "http://toto.example.org";
@namespace toto "http://toto.example.org";
@namespace very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-namespace "http://toto.example.org";
@namespace very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-namespace "http://toto.example.org";
@namespace very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-namespace "http://toto.example.org";
@namespace "http://example.com/foo";
@namespace url("http://example.com/foo");
@namespace url("http://example.com/foo");
@namespace url("http://example.com/foo");
@namespace url("http://example.com/foo");
@namespace url("http://example.com/foo");
@namespace url("http://example.com/foo/very/very/very/very/very/very/very/very/very/very/very/very/very/very");
@namespace url("http://example.com/foo/very/very/very/very/very/very/very/very/very/very/very/very/very/very/very");
@namespace url("http://example.com/foo/very/very/very/very/very/very/very/very/very/very/very/very/very/very/very");

================================================================================
`;

exports[`page.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@page {
    margin: 1cm;
}
@page {
margin: 1cm;
}
@page{
margin: 1cm;
}
@page  {
    margin: 1cm;
}
@page
{
margin
:
1cm
;
}
@page

{

margin
:

1cm

;

}
@page :first {
    margin: 2cm;
}
@page :first {
margin: 2cm;
}
@page :first{
    margin: 2cm;
}
@page  :first  {
    margin: 2cm;
}
@page
:first
{
margin
:
2cm
;
}
@page

:first

{

margin

:

2cm

;

}
@page vertical {
    size: A4 portrait;
}

=====================================output=====================================
@page {
  margin: 1cm;
}
@page {
  margin: 1cm;
}
@page {
  margin: 1cm;
}
@page {
  margin: 1cm;
}
@page {
  margin: 1cm;
}
@page {
  margin: 1cm;
}
@page :first {
  margin: 2cm;
}
@page :first {
  margin: 2cm;
}
@page :first {
  margin: 2cm;
}
@page :first {
  margin: 2cm;
}
@page :first {
  margin: 2cm;
}
@page :first {
  margin: 2cm;
}
@page vertical {
  size: A4 portrait;
}

================================================================================
`;

exports[`return.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@function grid-width($n) {
    @return $n * $grid-width + ($n - 1) * $gutter-width / 10;
}
@function grid-width($n) {
@return $n * $grid-width + ($n - 1) * $gutter-width / 10;
}
@function grid-width($n) {
@return $n*$grid-width+($n-1)*$gutter-width/10;
}
@function grid-width($n) {
    @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ;
}
@function grid-width($n) {
    @return  $n   *  $grid-width  +  (  $n  -  1  )  *  $gutter-width  /  10  ;
}
@function grid-width($n) {
    @return $n
        *
        $grid-width
        + (
            $n
            -
            1
        )
        *
        $gutter-width
        /
        10
        ;
}
@function grid-width($n) {
    @return
        $n
        *
        $grid-width
        + (
            $n
            -
            1
        )
        *
        $gutter-width
        /
        10
        ;
}
@function
grid-width(
$n
)
{
@return
$n
*
$grid-width
+
(
$n
-
1
)
*
$gutter-width
/
10
;
}
@function

grid-width(

$n

)

{

@return

$n

*

$grid-width

+

(

$n

-

1

)

*

$gutter-width

/

10

;

}
@function grid-width($n) {
    @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var;
}
@function extend($obj, $ext-obj) {
    @return map-merge($obj, $ext-obj);
}
@function extend($obj, $ext-obj) {
    @return map-merge( $obj , $ext-obj ) ;
}
@function extend($obj, $ext-obj) {
    @return map-merge($obj,$ext-obj);
}
@function extend($obj, $ext-obj) {
    @return
    map-merge(
    $obj
    ,
    $ext-obj
    )
    ;
}

=====================================output=====================================
@function grid-width($n) {
  @return $n * $grid-width + ($n - 1) * $gutter-width / 10;
}
@function grid-width($n) {
  @return $n * $grid-width + ($n - 1) * $gutter-width / 10;
}
@function grid-width($n) {
  @return $n * $grid-width + ($n-1) * $gutter-width/10;
}
@function grid-width($n) {
  @return $n * $grid-width + ($n - 1) * $gutter-width / 10;
}
@function grid-width($n) {
  @return $n * $grid-width + ($n - 1) * $gutter-width / 10;
}
@function grid-width($n) {
  @return $n * $grid-width + ($n - 1) * $gutter-width / 10;
}
@function grid-width($n) {
  @return $n * $grid-width + ($n - 1) * $gutter-width / 10;
}
@function grid-width($n) {
  @return $n * $grid-width + ($n - 1) * $gutter-width / 10;
}
@function grid-width($n) {
  @return $n * $grid-width + ($n - 1) * $gutter-width / 10;
}
@function grid-width($n) {
  @return $very-very-very-very-very-very-vey-long-var *
    $very-very-very-very-very-very-vey-long-var +
    ($very-very-very-very-very-very-vey-long-var - 1) *
    $very-very-very-very-very-very-vey-long-var;
}
@function extend($obj, $ext-obj) {
  @return map-merge($obj, $ext-obj);
}
@function extend($obj, $ext-obj) {
  @return map-merge($obj, $ext-obj);
}
@function extend($obj, $ext-obj) {
  @return map-merge($obj, $ext-obj);
}
@function extend($obj, $ext-obj) {
  @return map-merge($obj, $ext-obj);
}

================================================================================
`;

exports[`supports.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@supports (transform-origin: 5% 5%) {}
@supports (transform-origin:5% 5%) {}
@supports ( transform-origin : 5% 5% ) {}
@supports (  transform-origin  :  5%  5%  ) {}
@supports
    (transform-origin: 5% 5%) {}
@supports
(transform-origin: 5% 5%) {}
@supports
(
transform-origin
:
5%
5%
) {}
@supports

(

transform-origin

:

5%

5%

)

{}
@supports (very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop: very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value) {}
@supports
  (very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop: very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value) {}
@supports
(
very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop
:
very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {}
@supports

(

very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop

:

very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value

)

{}
@supports not(transform-origin: 10em 10em 10em) {}
@supports not (transform-origin: 10em 10em 10em) {}
@supports  not  ( transform-origin : 10em 10em 10em ) {}
@supports   not   (  transform-origin  :  10em  10em  10em  ) {}
@supports not
  (transform-origin: 10em 10em 10em) {}
@supports
    not (transform-origin: 10em 10em 10em) {}
@supports
  not
  (transform-origin: 10em 10em 10em) {}
@supports
not
(
transform-origin
:
10em
10em
10em
) {}
@supports

not

(

transform-origin

:

10em

10em

10em

)

{}
@supports not (very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop: very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value) {}
@supports
  not (very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop: very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value) {}
@supports not
  (very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop: very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value) {}
@supports
not
(
very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop
:
very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {}
@supports

not

(

very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop

:

very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value

)

{}
@supports not (not (transform-origin: 2px)) {}
@supports not(not(transform-origin:2px)) {}
@supports not ( not ( transform-origin : 2px ) ) {}
@supports  not  (  not  (  transform-origin  :  2px  )  ) {}
@supports not
  (not (transform-origin: 2px)) {}
@supports not
  (
    not (transform-origin: 2px)
  ) {}
@supports
not
(
not
(
transform-origin
:
2px
)
) {}
@supports

not

(

not

(

transform-origin

:

2px

)

)

{}
@supports (display: flexbox) and (not (display: inline-grid)) {}
@supports (display: table-cell) and (display: list-item) {}
@supports ( display : table-cell ) and ( display : list-item ) {}
@supports  (  display  :  table-cell  )  and  (  display  :  list-item  ) {}
@supports
  (display: table-cell) and (display: list-item) {}
@supports (display: table-cell) and
  (display: list-item) {}
@supports (display: table-cell)
  and (display: list-item) {}
@supports
(
display
:
table-cell
)
and
(
display
:
list-item
) {}
@supports

(

display

:

table-cell

)

and

(

display

:

list-item

)

{}
@supports (display: table-cell) and (display: list-item) and (display: run-in) {}
@supports (display: table-cell) and ((display: list-item) and (display: run-in)) {}
@supports
  (display: table-cell) and ((display: list-item) and (display: run-in)) {}
@supports (display: table-cell)
  and ((display: list-item)
  and (display: run-in)) {}
@supports (display: table-cell) and
  ((display: list-item) and
  (display: run-in)) {}
@supports
(
display
:
table-cell
)
and
(
(
display
:
list-item
)
and
(
display
:
run-in
)
) {}
@supports

(

display

:

table-cell

)

and

(

(

display

:

list-item

)

and

(

display

:

run-in

)

)

{}
@supports (transform-style: preserve) or (-moz-transform-style: preserve) {}
@supports (transform-style: preserve) or (-moz-transform-style: preserve) or (-o-transform-style: preserve) or (-webkit-transform-style: preserve) {}
@supports (transform-style: preserve-3d) or ((-moz-transform-style: preserve-3d) or ((-o-transform-style: preserve-3d) or (-webkit-transform-style: preserve-3d))) {}
@supports not((text-align-last:justify)or(-moz-text-align-last:justify)){ }
@supports not((text-align-last:justify)and(-moz-text-align-last:justify)){ }
@supports (--foo:green) {}

=====================================output=====================================
@supports (transform-origin: 5% 5%) {
}
@supports (transform-origin: 5% 5%) {
}
@supports (transform-origin: 5% 5%) {
}
@supports (transform-origin: 5% 5%) {
}
@supports (transform-origin: 5% 5%) {
}
@supports (transform-origin: 5% 5%) {
}
@supports (transform-origin: 5% 5%) {
}
@supports (transform-origin: 5% 5%) {
}
@supports (
  very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop:
    very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {
}
@supports (
  very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop:
    very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {
}
@supports (
  very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop:
    very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {
}
@supports (
  very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop:
    very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {
}
@supports not (transform-origin: 10em 10em 10em) {
}
@supports not (transform-origin: 10em 10em 10em) {
}
@supports not (transform-origin: 10em 10em 10em) {
}
@supports not (transform-origin: 10em 10em 10em) {
}
@supports not (transform-origin: 10em 10em 10em) {
}
@supports not (transform-origin: 10em 10em 10em) {
}
@supports not (transform-origin: 10em 10em 10em) {
}
@supports not (transform-origin: 10em 10em 10em) {
}
@supports not (transform-origin: 10em 10em 10em) {
}
@supports not (
  very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop:
    very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {
}
@supports not (
  very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop:
    very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {
}
@supports not (
  very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop:
    very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {
}
@supports not (
  very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop:
    very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {
}
@supports not (
  very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-prop:
    very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value
) {
}
@supports not (not (transform-origin: 2px)) {
}
@supports not (not (transform-origin: 2px)) {
}
@supports not (not (transform-origin: 2px)) {
}
@supports not (not (transform-origin: 2px)) {
}
@supports not (not (transform-origin: 2px)) {
}
@supports not (not (transform-origin: 2px)) {
}
@supports not (not (transform-origin: 2px)) {
}
@supports not (not (transform-origin: 2px)) {
}
@supports (display: flexbox) and (not (display: inline-grid)) {
}
@supports (display: table-cell) and (display: list-item) {
}
@supports (display: table-cell) and (display: list-item) {
}
@supports (display: table-cell) and (display: list-item) {
}
@supports (display: table-cell) and (display: list-item) {
}
@supports (display: table-cell) and (display: list-item) {
}
@supports (display: table-cell) and (display: list-item) {
}
@supports (display: table-cell) and (display: list-item) {
}
@supports (display: table-cell) and (display: list-item) {
}
@supports (display: table-cell) and (display: list-item) and (display: run-in) {
}
@supports (display: table-cell) and ((display: list-item) and (display: run-in)) {
}
@supports (display: table-cell) and ((display: list-item) and (display: run-in)) {
}
@supports (display: table-cell) and ((display: list-item) and (display: run-in)) {
}
@supports (display: table-cell) and ((display: list-item) and (display: run-in)) {
}
@supports (display: table-cell) and ((display: list-item) and (display: run-in)) {
}
@supports (display: table-cell) and ((display: list-item) and (display: run-in)) {
}
@supports (transform-style: preserve) or (-moz-transform-style: preserve) {
}
@supports (transform-style: preserve) or (-moz-transform-style: preserve) or
  (-o-transform-style: preserve) or (-webkit-transform-style: preserve) {
}
@supports (transform-style: preserve-3d) or
  (
    (-moz-transform-style: preserve-3d) or
      (
        (-o-transform-style: preserve-3d) or
          (-webkit-transform-style: preserve-3d)
      )
  ) {
}
@supports not ((text-align-last: justify) or (-moz-text-align-last: justify)) {
}
@supports not ((text-align-last: justify) and (-moz-text-align-last: justify)) {
}
@supports (--foo: green) {
}

================================================================================
`;

exports[`viewport.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@viewport {
  min-width: 640px;
  max-width: 800px;
}

@viewport {
min-width: 640px;
max-width: 800px;
}

@viewport{
  min-width: 640px;
  max-width: 800px;
}

@viewport  {
  min-width: 640px;
  max-width: 800px;
}

@viewport
{
min-width
:
640px
;
max-width
:
800px
;
}

@viewport

{

min-width

:

640px

;

max-width

:

800px

;

}

=====================================output=====================================
@viewport {
  min-width: 640px;
  max-width: 800px;
}

@viewport {
  min-width: 640px;
  max-width: 800px;
}

@viewport {
  min-width: 640px;
  max-width: 800px;
}

@viewport {
  min-width: 640px;
  max-width: 800px;
}

@viewport {
  min-width: 640px;
  max-width: 800px;
}

@viewport {
  min-width: 640px;

  max-width: 800px;
}

================================================================================
`;

exports[`while.css 1`] = `
====================================options=====================================
parsers: ["css"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
@while $i > 0 {}
@while $i>0{}
@while  $i  >  0  {}
@while $i
    >
    0
    {}
@while
    $i
    >
    0
    {}
@while
$i
>
0
{
}
@while

$i

>

0

{

}
@while ($i > 0) {}
@while ($i>0){}
@while ( $i > 0 ) {}
@while  (  $i  >  0  )  {}
@while (
    $i > 0
) {}
@while
    ($i > 0) {}
@while
(
$i
>
0
)
{
}
@while

(

$i

>

0

)

{

}
@while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {}
@while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {}
@while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {}
@while (($i) > (0)) {}
@while (($i)>(0)){}
@while  (  (  $i  )  >  (  0  )  )  {}
@while (($i)
    >
    (0)
) {}
@while
(
(
$i
)
>
(
0
)
)
{
}
@while

(

(

$i

)

>

(

0

)

)

{

}
@while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {}
@while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {}
@while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {}
@while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {}

=====================================output=====================================
@while $i > 0 {
}
@while $i>0 {
}
@while $i > 0 {
}
@while $i > 0 {
}
@while $i > 0 {
}
@while $i > 0 {
}
@while $i > 0 {
}
@while ($i > 0) {
}
@while ($i>0) {
}
@while ($i > 0) {
}
@while ($i > 0) {
}
@while ($i > 0) {
}
@while ($i > 0) {
}
@while ($i > 0) {
}
@while ($i > 0) {
}
@while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var >
  1
{
}
@while 1 >
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
{
}
@while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var >
  $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
{
}
@while (($i) > (0)) {
}
@while (($i) >(0)) {
}
@while (($i) > (0)) {
}
@while (($i) > (0)) {
}
@while (($i) > (0)) {
}
@while (($i) > (0)) {
}
@while (
  $very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1
) {
}
@while (
  1 >
    $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
) {
}
@while (
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var >
    1
) {
}
@while (
  $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var >
    $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
) {
}

================================================================================
`;
