--- source: crates/biome_formatter_test/src/snapshot_builder.rs info: css/atrule/if-else.css --- # Input ```css @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 {} } ``` # Prettier differences ```diff --- Prettier +++ Biome @@ -1,102 +1,205 @@ -@if $media == phonePortrait { - $k: 0.15625; -} @else if $media == phoneLandscape { - $k: 0.08803; -} @else if $media == tabletPortrait { - $k: 0.065106; +@ +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 + @ + if $type == ocean {} + @ + if $type==ocean{} + @ + if $type == ocean {} + @ + if $type + == ocean {} + @ + if + $type + == + ocean + { + } + @ + if + + $type + == - $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 + + ocean + + { + + } + @ + if (($type) == (ocean)) {} + @ + if (($type)==(ocean)){} + @ + if ( ( $type ) == ( ocean ) ) {} + @ + if (($type) + == (ocean)) {} + @ + if + ( + ( + $type + ) == - $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 + ( + ocean + ) + ) + { + } + @ + if + + ( + + ( + + $type + + ) + == - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - color: green; - } @else { + + ( + + ocean + + ) + + ) + + { + + } + @ + if $type == ocean { + color: blue; + } + @ + else if $type == matador { + color: red; + } + @ + else if $type == monster { + 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 { + } + @ + 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 ($type == ocean) { - } @else if ($type == matador) { - } @else { + @ + 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 ```css @ 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 { } } ``` # Errors ``` if-else.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. > 1 │ @if $media == phonePortrait { │ ^^ 2 │ $k: .15625; 3 │ } @else if $media == phoneLandscape { i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:1:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. > 1 │ @if $media == phonePortrait { │ ^ 2 │ $k: .15625; 3 │ } @else if $media == phoneLandscape { i Expected a compound selector here. > 1 │ @if $media == phonePortrait { │ ^ 2 │ $k: .15625; 3 │ } @else if $media == phoneLandscape { if-else.css:1:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `phonePortrait` > 1 │ @if $media == phonePortrait { │ ^^^^^^^^^^^^^ 2 │ $k: .15625; 3 │ } @else if $media == phoneLandscape { i Remove phonePortrait if-else.css:3:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 1 │ @if $media == phonePortrait { 2 │ $k: .15625; > 3 │ } @else if $media == phoneLandscape { │ ^^^^ 4 │ $k: .08803; 5 │ } @else if $media == tabletPortrait { i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:3:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 1 │ @if $media == phonePortrait { 2 │ $k: .15625; > 3 │ } @else if $media == phoneLandscape { │ ^ 4 │ $k: .08803; 5 │ } @else if $media == tabletPortrait { i Expected a compound selector here. 1 │ @if $media == phonePortrait { 2 │ $k: .15625; > 3 │ } @else if $media == phoneLandscape { │ ^ 4 │ $k: .08803; 5 │ } @else if $media == tabletPortrait { if-else.css:3:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `phoneLandscape` 1 │ @if $media == phonePortrait { 2 │ $k: .15625; > 3 │ } @else if $media == phoneLandscape { │ ^^^^^^^^^^^^^^ 4 │ $k: .08803; 5 │ } @else if $media == tabletPortrait { i Remove phoneLandscape if-else.css:5:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 3 │ } @else if $media == phoneLandscape { 4 │ $k: .08803; > 5 │ } @else if $media == tabletPortrait { │ ^^^^ 6 │ $k: .065106; 7 │ } i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:5:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 3 │ } @else if $media == phoneLandscape { 4 │ $k: .08803; > 5 │ } @else if $media == tabletPortrait { │ ^ 6 │ $k: .065106; 7 │ } i Expected a compound selector here. 3 │ } @else if $media == phoneLandscape { 4 │ $k: .08803; > 5 │ } @else if $media == tabletPortrait { │ ^ 6 │ $k: .065106; 7 │ } if-else.css:5:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `tabletPortrait` 3 │ } @else if $media == phoneLandscape { 4 │ $k: .08803; > 5 │ } @else if $media == tabletPortrait { │ ^^^^^^^^^^^^^^ 6 │ $k: .065106; 7 │ } i Remove tabletPortrait if-else.css:9:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 7 │ } 8 │ p { > 9 │ @if $type == ocean {} │ ^^ 10 │ @if $type==ocean{} 11 │ @if $type == ocean {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:9:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 7 │ } 8 │ p { > 9 │ @if $type == ocean {} │ ^ 10 │ @if $type==ocean{} 11 │ @if $type == ocean {} i Expected a compound selector here. 7 │ } 8 │ p { > 9 │ @if $type == ocean {} │ ^ 10 │ @if $type==ocean{} 11 │ @if $type == ocean {} if-else.css:9:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 7 │ } 8 │ p { > 9 │ @if $type == ocean {} │ ^^^^^ 10 │ @if $type==ocean{} 11 │ @if $type == ocean {} i Remove ocean if-else.css:10:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 8 │ p { 9 │ @if $type == ocean {} > 10 │ @if $type==ocean{} │ ^^ 11 │ @if $type == ocean {} 12 │ @if $type i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:10:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `=` 8 │ p { 9 │ @if $type == ocean {} > 10 │ @if $type==ocean{} │ ^ 11 │ @if $type == ocean {} 12 │ @if $type i Remove = if-else.css:10:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 8 │ p { 9 │ @if $type == ocean {} > 10 │ @if $type==ocean{} │ ^^^^^ 11 │ @if $type == ocean {} 12 │ @if $type i Remove ocean if-else.css:11:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 9 │ @if $type == ocean {} 10 │ @if $type==ocean{} > 11 │ @if $type == ocean {} │ ^^ 12 │ @if $type 13 │ == ocean {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:11:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 9 │ @if $type == ocean {} 10 │ @if $type==ocean{} > 11 │ @if $type == ocean {} │ ^ 12 │ @if $type 13 │ == ocean {} i Expected a compound selector here. 9 │ @if $type == ocean {} 10 │ @if $type==ocean{} > 11 │ @if $type == ocean {} │ ^ 12 │ @if $type 13 │ == ocean {} if-else.css:11:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 9 │ @if $type == ocean {} 10 │ @if $type==ocean{} > 11 │ @if $type == ocean {} │ ^^^^^ 12 │ @if $type 13 │ == ocean {} i Remove ocean if-else.css:12:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 10 │ @if $type==ocean{} 11 │ @if $type == ocean {} > 12 │ @if $type │ ^^ 13 │ == ocean {} 14 │ @if i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:13:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 11 │ @if $type == ocean {} 12 │ @if $type > 13 │ == ocean {} │ ^ 14 │ @if 15 │ $type i Expected a compound selector here. 11 │ @if $type == ocean {} 12 │ @if $type > 13 │ == ocean {} │ ^ 14 │ @if 15 │ $type if-else.css:13:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 11 │ @if $type == ocean {} 12 │ @if $type > 13 │ == ocean {} │ ^^^^^ 14 │ @if 15 │ $type i Remove ocean if-else.css:14:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 12 │ @if $type 13 │ == ocean {} > 14 │ @if │ ^^ 15 │ $type 16 │ == i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:16:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 14 │ @if 15 │ $type > 16 │ == │ ^ 17 │ ocean 18 │ { i Expected a compound selector here. 14 │ @if 15 │ $type > 16 │ == │ ^ 17 │ ocean 18 │ { if-else.css:17:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 15 │ $type 16 │ == > 17 │ ocean │ ^^^^^ 18 │ { 19 │ } i Remove ocean if-else.css:20:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 18 │ { 19 │ } > 20 │ @if │ ^^ 21 │ 22 │ $type i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:24:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 22 │ $type 23 │ > 24 │ == │ ^ 25 │ 26 │ ocean i Expected a compound selector here. 22 │ $type 23 │ > 24 │ == │ ^ 25 │ 26 │ ocean if-else.css:26:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 24 │ == 25 │ > 26 │ ocean │ ^^^^^ 27 │ 28 │ { i Remove ocean if-else.css:31:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 30 │ } > 31 │ @if (($type) == (ocean)) {} │ ^^ 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:31:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 30 │ } > 31 │ @if (($type) == (ocean)) {} │ ^ 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} i Expected a compound selector here. 30 │ } > 31 │ @if (($type) == (ocean)) {} │ ^ 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} if-else.css:31:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$type` 30 │ } > 31 │ @if (($type) == (ocean)) {} │ ^^^^^ 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} i Remove $type if-else.css:31:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 30 │ } > 31 │ @if (($type) == (ocean)) {} │ ^ 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} i Remove ) if-else.css:31:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 30 │ } > 31 │ @if (($type) == (ocean)) {} │ ^^^^^ 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} i Remove ocean if-else.css:31:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 30 │ } > 31 │ @if (($type) == (ocean)) {} │ ^ 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} i Remove ) if-else.css:32:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 30 │ } 31 │ @if (($type) == (ocean)) {} > 32 │ @if (($type)==(ocean)){} │ ^^ 33 │ @if ( ( $type ) == ( ocean ) ) {} 34 │ @if (($type) i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:32:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 30 │ } 31 │ @if (($type) == (ocean)) {} > 32 │ @if (($type)==(ocean)){} │ ^ 33 │ @if ( ( $type ) == ( ocean ) ) {} 34 │ @if (($type) i Expected a compound selector here. 30 │ } 31 │ @if (($type) == (ocean)) {} > 32 │ @if (($type)==(ocean)){} │ ^ 33 │ @if ( ( $type ) == ( ocean ) ) {} 34 │ @if (($type) if-else.css:32:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$type` 30 │ } 31 │ @if (($type) == (ocean)) {} > 32 │ @if (($type)==(ocean)){} │ ^^^^^ 33 │ @if ( ( $type ) == ( ocean ) ) {} 34 │ @if (($type) i Remove $type if-else.css:32:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 30 │ } 31 │ @if (($type) == (ocean)) {} > 32 │ @if (($type)==(ocean)){} │ ^ 33 │ @if ( ( $type ) == ( ocean ) ) {} 34 │ @if (($type) i Remove ) if-else.css:32:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 30 │ } 31 │ @if (($type) == (ocean)) {} > 32 │ @if (($type)==(ocean)){} │ ^^^^^ 33 │ @if ( ( $type ) == ( ocean ) ) {} 34 │ @if (($type) i Remove ocean if-else.css:32:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 30 │ } 31 │ @if (($type) == (ocean)) {} > 32 │ @if (($type)==(ocean)){} │ ^ 33 │ @if ( ( $type ) == ( ocean ) ) {} 34 │ @if (($type) i Remove ) if-else.css:33:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 31 │ @if (($type) == (ocean)) {} 32 │ @if (($type)==(ocean)){} > 33 │ @if ( ( $type ) == ( ocean ) ) {} │ ^^ 34 │ @if (($type) 35 │ == (ocean)) {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:33:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 31 │ @if (($type) == (ocean)) {} 32 │ @if (($type)==(ocean)){} > 33 │ @if ( ( $type ) == ( ocean ) ) {} │ ^ 34 │ @if (($type) 35 │ == (ocean)) {} i Expected a compound selector here. 31 │ @if (($type) == (ocean)) {} 32 │ @if (($type)==(ocean)){} > 33 │ @if ( ( $type ) == ( ocean ) ) {} │ ^ 34 │ @if (($type) 35 │ == (ocean)) {} if-else.css:33:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$type` 31 │ @if (($type) == (ocean)) {} 32 │ @if (($type)==(ocean)){} > 33 │ @if ( ( $type ) == ( ocean ) ) {} │ ^^^^^ 34 │ @if (($type) 35 │ == (ocean)) {} i Remove $type if-else.css:33:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 31 │ @if (($type) == (ocean)) {} 32 │ @if (($type)==(ocean)){} > 33 │ @if ( ( $type ) == ( ocean ) ) {} │ ^ 34 │ @if (($type) 35 │ == (ocean)) {} i Remove ) if-else.css:33:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 31 │ @if (($type) == (ocean)) {} 32 │ @if (($type)==(ocean)){} > 33 │ @if ( ( $type ) == ( ocean ) ) {} │ ^^^^^ 34 │ @if (($type) 35 │ == (ocean)) {} i Remove ocean if-else.css:33:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 31 │ @if (($type) == (ocean)) {} 32 │ @if (($type)==(ocean)){} > 33 │ @if ( ( $type ) == ( ocean ) ) {} │ ^ 34 │ @if (($type) 35 │ == (ocean)) {} i Remove ) if-else.css:34:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} > 34 │ @if (($type) │ ^^ 35 │ == (ocean)) {} 36 │ @if i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:34:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} > 34 │ @if (($type) │ ^ 35 │ == (ocean)) {} 36 │ @if i Expected a compound selector here. 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} > 34 │ @if (($type) │ ^ 35 │ == (ocean)) {} 36 │ @if if-else.css:34:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$type` 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} > 34 │ @if (($type) │ ^^^^^ 35 │ == (ocean)) {} 36 │ @if i Remove $type if-else.css:34:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 32 │ @if (($type)==(ocean)){} 33 │ @if ( ( $type ) == ( ocean ) ) {} > 34 │ @if (($type) │ ^ 35 │ == (ocean)) {} 36 │ @if i Remove ) if-else.css:35:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 33 │ @if ( ( $type ) == ( ocean ) ) {} 34 │ @if (($type) > 35 │ == (ocean)) {} │ ^^^^^ 36 │ @if 37 │ ( i Remove ocean if-else.css:35:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 33 │ @if ( ( $type ) == ( ocean ) ) {} 34 │ @if (($type) > 35 │ == (ocean)) {} │ ^ 36 │ @if 37 │ ( i Remove ) if-else.css:36:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 34 │ @if (($type) 35 │ == (ocean)) {} > 36 │ @if │ ^^ 37 │ ( 38 │ ( i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:37:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 35 │ == (ocean)) {} 36 │ @if > 37 │ ( │ ^ 38 │ ( 39 │ $type i Expected a compound selector here. 35 │ == (ocean)) {} 36 │ @if > 37 │ ( │ ^ 38 │ ( 39 │ $type if-else.css:39:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$type` 37 │ ( 38 │ ( > 39 │ $type │ ^^^^^ 40 │ ) 41 │ == i Remove $type if-else.css:40:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 38 │ ( 39 │ $type > 40 │ ) │ ^ 41 │ == 42 │ ( i Remove ) if-else.css:43:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 41 │ == 42 │ ( > 43 │ ocean │ ^^^^^ 44 │ ) 45 │ ) i Remove ocean if-else.css:44:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 42 │ ( 43 │ ocean > 44 │ ) │ ^ 45 │ ) 46 │ { i Remove ) if-else.css:48:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 46 │ { 47 │ } > 48 │ @if │ ^^ 49 │ 50 │ ( i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:50:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 48 │ @if 49 │ > 50 │ ( │ ^ 51 │ 52 │ ( i Expected a compound selector here. 48 │ @if 49 │ > 50 │ ( │ ^ 51 │ 52 │ ( if-else.css:54:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$type` 52 │ ( 53 │ > 54 │ $type │ ^^^^^ 55 │ 56 │ ) i Remove $type if-else.css:56:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 54 │ $type 55 │ > 56 │ ) │ ^ 57 │ 58 │ == i Remove ) if-else.css:62:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 60 │ ( 61 │ > 62 │ ocean │ ^^^^^ 63 │ 64 │ ) i Remove ocean if-else.css:64:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 62 │ ocean 63 │ > 64 │ ) │ ^ 65 │ 66 │ ) i Remove ) if-else.css:71:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 70 │ } > 71 │ @if $type == ocean { │ ^^ 72 │ color: blue; 73 │ } @else if $type == matador { i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:71:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 70 │ } > 71 │ @if $type == ocean { │ ^ 72 │ color: blue; 73 │ } @else if $type == matador { i Expected a compound selector here. 70 │ } > 71 │ @if $type == ocean { │ ^ 72 │ color: blue; 73 │ } @else if $type == matador { if-else.css:71:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 70 │ } > 71 │ @if $type == ocean { │ ^^^^^ 72 │ color: blue; 73 │ } @else if $type == matador { i Remove ocean if-else.css:73:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 71 │ @if $type == ocean { 72 │ color: blue; > 73 │ } @else if $type == matador { │ ^^^^ 74 │ color: red; 75 │ } @else if $type == monster { i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:73:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 71 │ @if $type == ocean { 72 │ color: blue; > 73 │ } @else if $type == matador { │ ^ 74 │ color: red; 75 │ } @else if $type == monster { i Expected a compound selector here. 71 │ @if $type == ocean { 72 │ color: blue; > 73 │ } @else if $type == matador { │ ^ 74 │ color: red; 75 │ } @else if $type == monster { if-else.css:73:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `matador` 71 │ @if $type == ocean { 72 │ color: blue; > 73 │ } @else if $type == matador { │ ^^^^^^^ 74 │ color: red; 75 │ } @else if $type == monster { i Remove matador if-else.css:75:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 73 │ } @else if $type == matador { 74 │ color: red; > 75 │ } @else if $type == monster { │ ^^^^ 76 │ color: green; 77 │ } @else { i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:75:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 73 │ } @else if $type == matador { 74 │ color: red; > 75 │ } @else if $type == monster { │ ^ 76 │ color: green; 77 │ } @else { i Expected a compound selector here. 73 │ } @else if $type == matador { 74 │ color: red; > 75 │ } @else if $type == monster { │ ^ 76 │ color: green; 77 │ } @else { if-else.css:75:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `monster` 73 │ } @else if $type == matador { 74 │ color: red; > 75 │ } @else if $type == monster { │ ^^^^^^^ 76 │ color: green; 77 │ } @else { i Remove monster if-else.css:77:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 75 │ } @else if $type == monster { 76 │ color: green; > 77 │ } @else { │ ^^^^ 78 │ color: black; 79 │ } i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:80:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 78 │ color: black; 79 │ } > 80 │ @if $type == ocean { │ ^^ 81 │ } @else if $type == matador { 82 │ } i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:80:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 78 │ color: black; 79 │ } > 80 │ @if $type == ocean { │ ^ 81 │ } @else if $type == matador { 82 │ } i Expected a compound selector here. 78 │ color: black; 79 │ } > 80 │ @if $type == ocean { │ ^ 81 │ } @else if $type == matador { 82 │ } if-else.css:80:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 78 │ color: black; 79 │ } > 80 │ @if $type == ocean { │ ^^^^^ 81 │ } @else if $type == matador { 82 │ } i Remove ocean if-else.css:81:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 79 │ } 80 │ @if $type == ocean { > 81 │ } @else if $type == matador { │ ^^^^ 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:81:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 79 │ } 80 │ @if $type == ocean { > 81 │ } @else if $type == matador { │ ^ 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} i Expected a compound selector here. 79 │ } 80 │ @if $type == ocean { > 81 │ } @else if $type == matador { │ ^ 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} if-else.css:81:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `matador` 79 │ } 80 │ @if $type == ocean { > 81 │ } @else if $type == matador { │ ^^^^^^^ 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} i Remove matador if-else.css:83:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 81 │ } @else if $type == matador { 82 │ } > 83 │ @if $type==ocean{}@else if $type==matador{} │ ^^ 84 │ @if $type == ocean { } @else if $type == matador { } 85 │ @if $type == ocean {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:83:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `=` 81 │ } @else if $type == matador { 82 │ } > 83 │ @if $type==ocean{}@else if $type==matador{} │ ^ 84 │ @if $type == ocean { } @else if $type == matador { } 85 │ @if $type == ocean {} i Remove = if-else.css:83:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 81 │ } @else if $type == matador { 82 │ } > 83 │ @if $type==ocean{}@else if $type==matador{} │ ^^^^^ 84 │ @if $type == ocean { } @else if $type == matador { } 85 │ @if $type == ocean {} i Remove ocean if-else.css:83:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 81 │ } @else if $type == matador { 82 │ } > 83 │ @if $type==ocean{}@else if $type==matador{} │ ^^^^ 84 │ @if $type == ocean { } @else if $type == matador { } 85 │ @if $type == ocean {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:83:37 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `=` 81 │ } @else if $type == matador { 82 │ } > 83 │ @if $type==ocean{}@else if $type==matador{} │ ^ 84 │ @if $type == ocean { } @else if $type == matador { } 85 │ @if $type == ocean {} i Remove = if-else.css:83:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `matador` 81 │ } @else if $type == matador { 82 │ } > 83 │ @if $type==ocean{}@else if $type==matador{} │ ^^^^^^^ 84 │ @if $type == ocean { } @else if $type == matador { } 85 │ @if $type == ocean {} i Remove matador if-else.css:84:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} > 84 │ @if $type == ocean { } @else if $type == matador { } │ ^^ 85 │ @if $type == ocean {} 86 │ @else if $type == matador {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:84:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} > 84 │ @if $type == ocean { } @else if $type == matador { } │ ^ 85 │ @if $type == ocean {} 86 │ @else if $type == matador {} i Expected a compound selector here. 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} > 84 │ @if $type == ocean { } @else if $type == matador { } │ ^ 85 │ @if $type == ocean {} 86 │ @else if $type == matador {} if-else.css:84:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} > 84 │ @if $type == ocean { } @else if $type == matador { } │ ^^^^^ 85 │ @if $type == ocean {} 86 │ @else if $type == matador {} i Remove ocean if-else.css:84:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} > 84 │ @if $type == ocean { } @else if $type == matador { } │ ^^^^ 85 │ @if $type == ocean {} 86 │ @else if $type == matador {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:84:52 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} > 84 │ @if $type == ocean { } @else if $type == matador { } │ ^ 85 │ @if $type == ocean {} 86 │ @else if $type == matador {} i Expected a compound selector here. 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} > 84 │ @if $type == ocean { } @else if $type == matador { } │ ^ 85 │ @if $type == ocean {} 86 │ @else if $type == matador {} if-else.css:84:56 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `matador` 82 │ } 83 │ @if $type==ocean{}@else if $type==matador{} > 84 │ @if $type == ocean { } @else if $type == matador { } │ ^^^^^^^ 85 │ @if $type == ocean {} 86 │ @else if $type == matador {} i Remove matador if-else.css:85:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 83 │ @if $type==ocean{}@else if $type==matador{} 84 │ @if $type == ocean { } @else if $type == matador { } > 85 │ @if $type == ocean {} │ ^^ 86 │ @else if $type == matador {} 87 │ @if i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:85:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 83 │ @if $type==ocean{}@else if $type==matador{} 84 │ @if $type == ocean { } @else if $type == matador { } > 85 │ @if $type == ocean {} │ ^ 86 │ @else if $type == matador {} 87 │ @if i Expected a compound selector here. 83 │ @if $type==ocean{}@else if $type==matador{} 84 │ @if $type == ocean { } @else if $type == matador { } > 85 │ @if $type == ocean {} │ ^ 86 │ @else if $type == matador {} 87 │ @if if-else.css:85:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 83 │ @if $type==ocean{}@else if $type==matador{} 84 │ @if $type == ocean { } @else if $type == matador { } > 85 │ @if $type == ocean {} │ ^^^^^ 86 │ @else if $type == matador {} 87 │ @if i Remove ocean if-else.css:86:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 84 │ @if $type == ocean { } @else if $type == matador { } 85 │ @if $type == ocean {} > 86 │ @else if $type == matador {} │ ^^^^ 87 │ @if 88 │ $type == ocean {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:86:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 84 │ @if $type == ocean { } @else if $type == matador { } 85 │ @if $type == ocean {} > 86 │ @else if $type == matador {} │ ^ 87 │ @if 88 │ $type == ocean {} i Expected a compound selector here. 84 │ @if $type == ocean { } @else if $type == matador { } 85 │ @if $type == ocean {} > 86 │ @else if $type == matador {} │ ^ 87 │ @if 88 │ $type == ocean {} if-else.css:86:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `matador` 84 │ @if $type == ocean { } @else if $type == matador { } 85 │ @if $type == ocean {} > 86 │ @else if $type == matador {} │ ^^^^^^^ 87 │ @if 88 │ $type == ocean {} i Remove matador if-else.css:87:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 85 │ @if $type == ocean {} 86 │ @else if $type == matador {} > 87 │ @if │ ^^ 88 │ $type == ocean {} 89 │ @else if i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:88:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 86 │ @else if $type == matador {} 87 │ @if > 88 │ $type == ocean {} │ ^ 89 │ @else if 90 │ $type == matador {} i Expected a compound selector here. 86 │ @else if $type == matador {} 87 │ @if > 88 │ $type == ocean {} │ ^ 89 │ @else if 90 │ $type == matador {} if-else.css:88:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 86 │ @else if $type == matador {} 87 │ @if > 88 │ $type == ocean {} │ ^^^^^ 89 │ @else if 90 │ $type == matador {} i Remove ocean if-else.css:89:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 87 │ @if 88 │ $type == ocean {} > 89 │ @else if │ ^^^^ 90 │ $type == matador {} 91 │ @if i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:90:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 88 │ $type == ocean {} 89 │ @else if > 90 │ $type == matador {} │ ^ 91 │ @if 92 │ $type i Expected a compound selector here. 88 │ $type == ocean {} 89 │ @else if > 90 │ $type == matador {} │ ^ 91 │ @if 92 │ $type if-else.css:90:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `matador` 88 │ $type == ocean {} 89 │ @else if > 90 │ $type == matador {} │ ^^^^^^^ 91 │ @if 92 │ $type i Remove matador if-else.css:91:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 89 │ @else if 90 │ $type == matador {} > 91 │ @if │ ^^ 92 │ $type 93 │ == i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:93:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 91 │ @if 92 │ $type > 93 │ == │ ^ 94 │ ocean 95 │ { i Expected a compound selector here. 91 │ @if 92 │ $type > 93 │ == │ ^ 94 │ ocean 95 │ { if-else.css:94:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 92 │ $type 93 │ == > 94 │ ocean │ ^^^^^ 95 │ { 96 │ } i Remove ocean if-else.css:97:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 95 │ { 96 │ } > 97 │ @else │ ^^^^ 98 │ if 99 │ $type i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:100:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 98 │ if 99 │ $type > 100 │ == │ ^ 101 │ matador 102 │ { i Expected a compound selector here. 98 │ if 99 │ $type > 100 │ == │ ^ 101 │ matador 102 │ { if-else.css:101:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `matador` 99 │ $type 100 │ == > 101 │ matador │ ^^^^^^^ 102 │ { 103 │ } i Remove matador if-else.css:104:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 102 │ { 103 │ } > 104 │ @if │ ^^ 105 │ 106 │ $type i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:108:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 106 │ $type 107 │ > 108 │ == │ ^ 109 │ 110 │ ocean i Expected a compound selector here. 106 │ $type 107 │ > 108 │ == │ ^ 109 │ 110 │ ocean if-else.css:110:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 108 │ == 109 │ > 110 │ ocean │ ^^^^^ 111 │ 112 │ { i Remove ocean if-else.css:116:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 114 │ } 115 │ > 116 │ @else │ ^^^^ 117 │ 118 │ if i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:122:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 120 │ $type 121 │ > 122 │ == │ ^ 123 │ 124 │ matador i Expected a compound selector here. 120 │ $type 121 │ > 122 │ == │ ^ 123 │ 124 │ matador if-else.css:124:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `matador` 122 │ == 123 │ > 124 │ matador │ ^^^^^^^ 125 │ 126 │ { i Remove matador if-else.css:129:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 128 │ } > 129 │ @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 { │ ^^ 130 │ color: blue; 131 │ } @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 { i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:129:95 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 128 │ } > 129 │ @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 { │ ^ 130 │ color: blue; 131 │ } @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 { i Expected a compound selector here. 128 │ } > 129 │ @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 { │ ^ 130 │ color: blue; 131 │ } @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 { if-else.css:129:98 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables` 128 │ } > 129 │ @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 { │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 130 │ color: blue; 131 │ } @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 { i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables if-else.css:131:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 129 │ @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 { 130 │ color: blue; > 131 │ } @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 { │ ^^^^ 132 │ color: red; 133 │ } @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 { i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:131:102 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 129 │ @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 { 130 │ color: blue; > 131 │ } @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 { │ ^ 132 │ color: red; 133 │ } @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 { i Expected a compound selector here. 129 │ @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 { 130 │ color: blue; > 131 │ } @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 { │ ^ 132 │ color: red; 133 │ } @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 { if-else.css:131:105 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables` 129 │ @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 { 130 │ color: blue; > 131 │ } @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 { │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 132 │ color: red; 133 │ } @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 { i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables if-else.css:133:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 131 │ } @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 { 132 │ color: red; > 133 │ } @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 { │ ^^^^ 134 │ color: green; 135 │ } @else { i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:133:102 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 131 │ } @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 { 132 │ color: red; > 133 │ } @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 { │ ^ 134 │ color: green; 135 │ } @else { i Expected a compound selector here. 131 │ } @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 { 132 │ color: red; > 133 │ } @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 { │ ^ 134 │ color: green; 135 │ } @else { if-else.css:133:105 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables` 131 │ } @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 { 132 │ color: red; > 133 │ } @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 { │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 134 │ color: green; 135 │ } @else { i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables if-else.css:135:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 133 │ } @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 { 134 │ color: green; > 135 │ } @else { │ ^^^^ 136 │ color: black; 137 │ } i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:138:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 136 │ color: black; 137 │ } > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^^ 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:138:34 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 136 │ color: black; 137 │ } > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^ 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} i Expected a compound selector here. 136 │ color: black; 137 │ } > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^ 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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-else.css:138:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `and` 136 │ color: black; 137 │ } > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^^^ 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} i Remove and if-else.css:138:68 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 136 │ color: black; 137 │ } > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^ 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} i Expected a compound selector here. 136 │ color: black; 137 │ } > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^ 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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-else.css:139:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 137 │ } 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^^ 140 │ @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 {} 141 │ @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 {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:139:49 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 137 │ } 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^ 140 │ @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 {} 141 │ @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 {} i Expected a compound selector here. 137 │ } 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^ 140 │ @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 {} 141 │ @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-else.css:139:54 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `and` 137 │ } 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^^^ 140 │ @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 {} 141 │ @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 {} i Remove and if-else.css:139:83 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 137 │ } 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^ 140 │ @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 {} 141 │ @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 {} i Expected a compound selector here. 137 │ } 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} │ ^ 140 │ @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 {} 141 │ @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-else.css:140:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 140 │ @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 {} │ ^^ 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:140:74 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 140 │ @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 {} │ ^ 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} i Expected a compound selector here. 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 140 │ @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 {} │ ^ 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} if-else.css:140:79 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `and` 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 140 │ @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 {} │ ^^^ 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} i Remove and if-else.css:140:148 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 140 │ @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 {} │ ^ 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} i Expected a compound selector here. 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} > 140 │ @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 {} │ ^ 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} if-else.css:141:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:141:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected a compound selector here. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} if-else.css:141:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Remove px if-else.css:141:54 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected a compound selector here. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} if-else.css:141:59 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Remove px if-else.css:141:76 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected a compound selector here. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} if-else.css:141:84 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `or` 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Remove or if-else.css:141:101 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected a compound selector here. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} if-else.css:141:106 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `*` 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Remove * if-else.css:141:141 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected a compound selector here. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} if-else.css:141:148 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `*` 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Remove * if-else.css:141:183 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected a compound selector here. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} if-else.css:141:191 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `*` 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Remove * if-else.css:141:226 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected a compound selector here. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} if-else.css:141:231 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `*` 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Remove * if-else.css:141:266 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected a compound selector here. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} if-else.css:141:274 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `*` 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Remove * if-else.css:141:309 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected a compound selector here. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} if-else.css:141:317 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `*` 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Remove * if-else.css:141:353 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Expected a compound selector here. 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} if-else.css:141:358 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 140 │ @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 {} > 141 │ @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 {} │ ^^ 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} i Remove px if-else.css:142:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 140 │ @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 {} 141 │ @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 {} > 142 │ @if (str-slice($item, 0, 1) == ":") {} │ ^^ 143 │ @if (str-slice($item, 0, 3) == " : ") {} 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:142:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 140 │ @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 {} 141 │ @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 {} > 142 │ @if (str-slice($item, 0, 1) == ":") {} │ ^ 143 │ @if (str-slice($item, 0, 3) == " : ") {} 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} i Expected a compound selector here. 140 │ @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 {} 141 │ @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 {} > 142 │ @if (str-slice($item, 0, 1) == ":") {} │ ^ 143 │ @if (str-slice($item, 0, 3) == " : ") {} 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} if-else.css:142:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `str-slice` 140 │ @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 {} 141 │ @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 {} > 142 │ @if (str-slice($item, 0, 1) == ":") {} │ ^^^^^^^^^ 143 │ @if (str-slice($item, 0, 3) == " : ") {} 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} i Remove str-slice if-else.css:142:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 140 │ @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 {} 141 │ @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 {} > 142 │ @if (str-slice($item, 0, 1) == ":") {} │ ^ 143 │ @if (str-slice($item, 0, 3) == " : ") {} 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} i Remove ( if-else.css:142:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$item` 140 │ @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 {} 141 │ @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 {} > 142 │ @if (str-slice($item, 0, 1) == ":") {} │ ^^^^^ 143 │ @if (str-slice($item, 0, 3) == " : ") {} 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} i Remove $item if-else.css:142:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a relative selector but instead found '0'. 140 │ @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 {} 141 │ @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 {} > 142 │ @if (str-slice($item, 0, 1) == ":") {} │ ^ 143 │ @if (str-slice($item, 0, 3) == " : ") {} 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} i Expected a relative selector here. 140 │ @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 {} 141 │ @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 {} > 142 │ @if (str-slice($item, 0, 1) == ":") {} │ ^ 143 │ @if (str-slice($item, 0, 3) == " : ") {} 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} if-else.css:142:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a relative selector but instead found '1) == ":")'. 140 │ @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 {} 141 │ @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 {} > 142 │ @if (str-slice($item, 0, 1) == ":") {} │ ^^^^^^^^^^ 143 │ @if (str-slice($item, 0, 3) == " : ") {} 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} i Expected a relative selector here. 140 │ @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 {} 141 │ @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 {} > 142 │ @if (str-slice($item, 0, 1) == ":") {} │ ^^^^^^^^^^ 143 │ @if (str-slice($item, 0, 3) == " : ") {} 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} if-else.css:143:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} > 143 │ @if (str-slice($item, 0, 3) == " : ") {} │ ^^ 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} 145 │ } i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:143:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} > 143 │ @if (str-slice($item, 0, 3) == " : ") {} │ ^ 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} 145 │ } i Expected a compound selector here. 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} > 143 │ @if (str-slice($item, 0, 3) == " : ") {} │ ^ 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} 145 │ } if-else.css:143:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `str-slice` 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} > 143 │ @if (str-slice($item, 0, 3) == " : ") {} │ ^^^^^^^^^ 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} 145 │ } i Remove str-slice if-else.css:143:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} > 143 │ @if (str-slice($item, 0, 3) == " : ") {} │ ^ 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} 145 │ } i Remove ( if-else.css:143:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$item` 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} > 143 │ @if (str-slice($item, 0, 3) == " : ") {} │ ^^^^^ 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} 145 │ } i Remove $item if-else.css:143:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a relative selector but instead found '0'. 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} > 143 │ @if (str-slice($item, 0, 3) == " : ") {} │ ^ 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} 145 │ } i Expected a relative selector here. 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} > 143 │ @if (str-slice($item, 0, 3) == " : ") {} │ ^ 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} 145 │ } if-else.css:143:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a relative selector but instead found '3) == " : ")'. 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} > 143 │ @if (str-slice($item, 0, 3) == " : ") {} │ ^^^^^^^^^^^^ 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} 145 │ } i Expected a relative selector here. 141 │ @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 {} 142 │ @if (str-slice($item, 0, 1) == ":") {} > 143 │ @if (str-slice($item, 0, 3) == " : ") {} │ ^^^^^^^^^^^^ 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} 145 │ } if-else.css:144:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^^ 145 │ } 146 │ i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:144:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^ 145 │ } 146 │ i Expected a compound selector here. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^ 145 │ } 146 │ if-else.css:144:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$type` 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^^^^^ 145 │ } 146 │ i Remove $type if-else.css:144:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^ 145 │ } 146 │ i Expected a compound selector here. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^ 145 │ } 146 │ if-else.css:144:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `ocean` 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^^^^^ 145 │ } 146 │ i Remove ocean if-else.css:144:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^ 145 │ } 146 │ i Remove ) if-else.css:144:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^^^^ 145 │ } 146 │ i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope if-else.css:144:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^ 145 │ } 146 │ i Expected a compound selector here. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^ 145 │ } 146 │ if-else.css:144:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$type` 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^^^^^ 145 │ } 146 │ i Remove $type if-else.css:144:45 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '='. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^ 145 │ } 146 │ i Expected a compound selector here. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^ 145 │ } 146 │ if-else.css:144:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `matador` 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^^^^^^^ 145 │ } 146 │ i Remove matador if-else.css:144:55 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^ 145 │ } 146 │ i Remove ) if-else.css:144:61 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 142 │ @if (str-slice($item, 0, 1) == ":") {} 143 │ @if (str-slice($item, 0, 3) == " : ") {} > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} │ ^^^^ 145 │ } 146 │ i Expected one of: - charset - color-profile - container - counter-style - document - font-face - font-feature-values - font-palette-values - import - keyframes - layer - media - namespace - page - property - supports - viewport - scope ``` # Lines exceeding max width of 80 characters ``` 171: 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 { 175: 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 { 179: 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 { 189: if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} 191: 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 {} 193: 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 {} ```