--- source: crates/biome_formatter_test/src/snapshot_builder.rs info: css/atrule/mixin.css --- # Input ```css @mixin clearfix {} @mixin clearfix{} @mixin clearfix {} @mixin clearfix {} @mixin clearfix {} @mixin clearfix { } @mixin clearfix { } @mixin mix($arg, $arg1, $arg2: 10, $args...) {} @mixin mix($arg,$arg1,$arg2:10,$args...){} @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} @mixin mix( $arg, $arg1, $arg2: 10, $args... ) {} @mixin mix( $arg, $arg1, $arg2: 10, $args... ) {} @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) { } @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) { } @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} @mixin component($conf: ()) {} @mixin component($conf: ( )) {} @mixin button-variant($hover-background: darken($background, 7.5%)) {} @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} @mixin button-variant($hover-background:darken($background,7.5%)) {} @mixin button-variant( $hover-background: darken($background, 7.5%) ) {} @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} @mixin button-variant($foo: "...") {} @mixin button-variant($foo: " ... ") {} @mixin button-variant($foo: " ... ") {} @mixin sexy-border($color, $width, $foo: (color: red)) {} @mixin selector($param: "value") {} ``` # Prettier differences ```diff --- Prettier +++ Biome @@ -1,70 +1,132 @@ -@mixin clearfix { +@ +mixin clearfix { } -@mixin clearfix { +@ +mixin clearfix { } -@mixin clearfix { +@ +mixin clearfix { } -@mixin clearfix { -} -@mixin clearfix { +@ +mixin clearfix { } -@mixin clearfix { +@ +mixin clearfix { } -@mixin clearfix { +@ +mixin +clearfix +{ } +@ +mixin + +clearfix -@mixin mix($arg, $arg1, $arg2: 10, $args...) { +{ + } -@mixin mix($arg, $arg1, $arg2: 10, $args...) { + +@ +mixin mix($arg, $arg1, $arg2: 10, $args...) {} +@ +mixin mix($arg,$arg1,$arg2:10,$args...){} +@ +mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} +@ +mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} +@ +mixin mix +( +$arg, + $arg1, + $arg2: 10, + $args... +) {} +@ +mixin +mix +( +$arg, + $arg1, + $arg2: 10, + $args... + ) {} +@ +mixin +mix +( +$arg, +$arg1, +$arg2: +10 +, +$args +... +) +{ } -@mixin mix($arg, $arg1, $arg2: 10, $args...) { -} -@mixin mix($arg, $arg1, $arg2: 10, $args...) { -} -@mixin mix($arg, $arg1, $arg2: 10, $args...) { -} -@mixin mix($arg, $arg1, $arg2: 10, $args...) { -} -@mixin mix($arg, $arg1, $arg2: 10, $args...) { -} -@mixin mix( - $arg, - $arg1, - $arg2: 10, +@ +mixin + +mix + +( + +$arg, +$arg1, +$arg2: + +10 + +, + +$args + +... + +) - $args... -) { -} -@mixin mix( - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: - 10, - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args... -) { -} -@mixin component($conf: ()) { -} -@mixin component($conf: ()) { -} -@mixin button-variant($hover-background: darken($background, 7.5%)) { -} -@mixin button-variant($hover-background: darken($background, 7.5%)) { -} -@mixin button-variant($hover-background: darken($background, 7.5%)) { -} -@mixin button-variant($hover-background: darken($background, 7.5%)) { -} -@mixin button-variant($hover-background: darken($background, 7.5%)) { -} -@mixin button-variant($foo: "...") { -} -@mixin button-variant($foo: " ... ") { -} -@mixin button-variant($foo: " ... ") { -} -@mixin sexy-border($color, $width, $foo: (color: red)) { +{ } +@ +mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} +@ +mixin component($conf: ()) {} +@ +mixin component($conf: ( )) {} +@ +mixin button-variant($hover-background: darken($background, 7.5%)) {} +@ +mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} +@ +mixin button-variant($hover-background:darken($background,7.5%)) {} +@ +mixin button-variant +( +$hover-background: darken($background, 7.5% +) +) {} +@ +mixin +button-variant +( +$hover-background:darken +( +$background, +7.5 +% +) +) +{} +@ +mixin button-variant($foo: "...") {} +@ +mixin button-variant($foo: " ... ") {} +@ +mixin button-variant($foo: " ... ") {} +@ +mixin sexy-border($color, $width, $foo: (color: red)) {} -@mixin selector($param: "value") { -} +@ +mixin selector($param: "value") {} ``` # Output ```css @ mixin clearfix { } @ mixin clearfix { } @ mixin clearfix { } @ mixin clearfix { } @ mixin clearfix { } @ mixin clearfix { } @ mixin clearfix { } @ mixin mix($arg, $arg1, $arg2: 10, $args...) {} @ mixin mix($arg,$arg1,$arg2:10,$args...){} @ mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} @ mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} @ mixin mix ( $arg, $arg1, $arg2: 10, $args... ) {} @ mixin mix ( $arg, $arg1, $arg2: 10, $args... ) {} @ mixin mix ( $arg, $arg1, $arg2: 10 , $args ... ) { } @ mixin mix ( $arg, $arg1, $arg2: 10 , $args ... ) { } @ mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} @ mixin component($conf: ()) {} @ mixin component($conf: ( )) {} @ mixin button-variant($hover-background: darken($background, 7.5%)) {} @ mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} @ mixin button-variant($hover-background:darken($background,7.5%)) {} @ mixin button-variant ( $hover-background: darken($background, 7.5% ) ) {} @ mixin button-variant ( $hover-background:darken ( $background, 7.5 % ) ) {} @ mixin button-variant($foo: "...") {} @ mixin button-variant($foo: " ... ") {} @ mixin button-variant($foo: " ... ") {} @ mixin sexy-border($color, $width, $foo: (color: red)) {} @ mixin selector($param: "value") {} ``` # Errors ``` mixin.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. > 1 │ @mixin clearfix {} │ ^^^^^ 2 │ @mixin clearfix{} 3 │ @mixin clearfix {} 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 mixin.css:2:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 1 │ @mixin clearfix {} > 2 │ @mixin clearfix{} │ ^^^^^ 3 │ @mixin clearfix {} 4 │ @mixin clearfix 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 mixin.css:3:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 1 │ @mixin clearfix {} 2 │ @mixin clearfix{} > 3 │ @mixin clearfix {} │ ^^^^^ 4 │ @mixin clearfix 5 │ {} 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 mixin.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 2 │ @mixin clearfix{} 3 │ @mixin clearfix {} > 4 │ @mixin clearfix │ ^^^^^ 5 │ {} 6 │ @mixin 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 mixin.css:6:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 4 │ @mixin clearfix 5 │ {} > 6 │ @mixin │ ^^^^^ 7 │ clearfix 8 │ {} 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 mixin.css:9:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 7 │ clearfix 8 │ {} > 9 │ @mixin │ ^^^^^ 10 │ clearfix 11 │ { 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 mixin.css:10:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `clearfix` 8 │ {} 9 │ @mixin > 10 │ clearfix │ ^^^^^^^^ 11 │ { 12 │ } i Remove clearfix mixin.css:13:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 11 │ { 12 │ } > 13 │ @mixin │ ^^^^^ 14 │ 15 │ clearfix 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 mixin.css:15:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `clearfix` 13 │ @mixin 14 │ > 15 │ clearfix │ ^^^^^^^^ 16 │ 17 │ { i Remove clearfix mixin.css:21:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 19 │ } 20 │ > 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} │ ^^^^^ 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 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 mixin.css:21:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 19 │ } 20 │ > 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} │ ^ 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Remove ( mixin.css:21:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$arg` 19 │ } 20 │ > 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} │ ^^^^ 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Remove $arg mixin.css:21:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 19 │ } 20 │ > 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} │ ^^ 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:21:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 19 │ } 20 │ > 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} │ ^ 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Expected an identifier here. 19 │ } 20 │ > 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} │ ^ 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} mixin.css:21:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 19 │ } 20 │ > 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} │ ^ 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Expected an identifier here. 19 │ } 20 │ > 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} │ ^ 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} mixin.css:21:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found ')'. 19 │ } 20 │ > 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} │ ^ 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Expected an identifier here. 19 │ } 20 │ > 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} │ ^ 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} mixin.css:22:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} > 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} │ ^^^^^ 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 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 mixin.css:22:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} > 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} │ ^ 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Remove ( mixin.css:22:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$arg` 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} > 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} │ ^^^^ 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Remove $arg mixin.css:22:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} > 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} │ ^^ 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:22:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} > 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} │ ^ 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Expected an identifier here. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} > 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} │ ^ 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} mixin.css:22:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} > 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} │ ^ 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Expected an identifier here. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} > 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} │ ^ 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} mixin.css:22:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found ')'. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} > 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} │ ^ 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} i Expected an identifier here. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} > 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} │ ^ 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} mixin.css:23:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^^^^^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( 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 mixin.css:23:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( i Expected a compound selector here. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( mixin.css:23:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$arg` 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^^^^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( i Remove $arg mixin.css:23:37 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:23:49 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( i Expected an identifier here. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( mixin.css:23:50 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( i Expected an identifier here. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( mixin.css:23:52 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found ')'. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( i Expected an identifier here. 21 │ @mixin mix($arg, $arg1, $arg2: 10, $args...) {} 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} > 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 25 │ @mixin mix( mixin.css:24:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^^^^^ 25 │ @mixin mix( 26 │ $arg, 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 mixin.css:24:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 25 │ @mixin mix( 26 │ $arg, i Expected a compound selector here. 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 25 │ @mixin mix( 26 │ $arg, mixin.css:24:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$arg` 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^^^^ 25 │ @mixin mix( 26 │ $arg, i Remove $arg mixin.css:24:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^^ 25 │ @mixin mix( 26 │ $arg, i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:24:61 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 25 │ @mixin mix( 26 │ $arg, i Expected an identifier here. 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 25 │ @mixin mix( 26 │ $arg, mixin.css:24:62 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 25 │ @mixin mix( 26 │ $arg, i Expected an identifier here. 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 25 │ @mixin mix( 26 │ $arg, mixin.css:24:65 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found ')'. 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 25 │ @mixin mix( 26 │ $arg, i Expected an identifier here. 22 │ @mixin mix($arg,$arg1,$arg2:10,$args...){} 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} │ ^ 25 │ @mixin mix( 26 │ $arg, mixin.css:25:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 25 │ @mixin mix( │ ^^^^^ 26 │ $arg, 27 │ $arg1, 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 mixin.css:25:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 23 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} 24 │ @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {} > 25 │ @mixin mix( │ ^ 26 │ $arg, 27 │ $arg1, i Remove ( mixin.css:28:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 26 │ $arg, 27 │ $arg1, > 28 │ $arg2: 10, │ ^^ 29 │ $args... 30 │ ) {} i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:29:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 27 │ $arg1, 28 │ $arg2: 10, > 29 │ $args... │ ^ 30 │ ) {} 31 │ @mixin i Expected an identifier here. 27 │ $arg1, 28 │ $arg2: 10, > 29 │ $args... │ ^ 30 │ ) {} 31 │ @mixin mixin.css:29:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 27 │ $arg1, 28 │ $arg2: 10, > 29 │ $args... │ ^ 30 │ ) {} 31 │ @mixin i Expected an identifier here. 27 │ $arg1, 28 │ $arg2: 10, > 29 │ $args... │ ^ 30 │ ) {} 31 │ @mixin mixin.css:30:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found ')'. 28 │ $arg2: 10, 29 │ $args... > 30 │ ) {} │ ^ 31 │ @mixin 32 │ mix( i Expected an identifier here. 28 │ $arg2: 10, 29 │ $args... > 30 │ ) {} │ ^ 31 │ @mixin 32 │ mix( mixin.css:31:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 29 │ $args... 30 │ ) {} > 31 │ @mixin │ ^^^^^ 32 │ mix( 33 │ $arg, 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 mixin.css:32:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `mix` 30 │ ) {} 31 │ @mixin > 32 │ mix( │ ^^^ 33 │ $arg, 34 │ $arg1, i Remove mix mixin.css:32:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 30 │ ) {} 31 │ @mixin > 32 │ mix( │ ^ 33 │ $arg, 34 │ $arg1, i Remove ( mixin.css:35:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 33 │ $arg, 34 │ $arg1, > 35 │ $arg2: 10, │ ^^ 36 │ $args... 37 │ ) {} i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:36:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 34 │ $arg1, 35 │ $arg2: 10, > 36 │ $args... │ ^ 37 │ ) {} 38 │ @mixin i Expected an identifier here. 34 │ $arg1, 35 │ $arg2: 10, > 36 │ $args... │ ^ 37 │ ) {} 38 │ @mixin mixin.css:36:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 34 │ $arg1, 35 │ $arg2: 10, > 36 │ $args... │ ^ 37 │ ) {} 38 │ @mixin i Expected an identifier here. 34 │ $arg1, 35 │ $arg2: 10, > 36 │ $args... │ ^ 37 │ ) {} 38 │ @mixin mixin.css:37:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found ')'. 35 │ $arg2: 10, 36 │ $args... > 37 │ ) {} │ ^ 38 │ @mixin 39 │ mix i Expected an identifier here. 35 │ $arg2: 10, 36 │ $args... > 37 │ ) {} │ ^ 38 │ @mixin 39 │ mix mixin.css:38:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 36 │ $args... 37 │ ) {} > 38 │ @mixin │ ^^^^^ 39 │ mix 40 │ ( 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 mixin.css:39:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `mix` 37 │ ) {} 38 │ @mixin > 39 │ mix │ ^^^ 40 │ ( 41 │ $arg i Remove mix mixin.css:40:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 38 │ @mixin 39 │ mix > 40 │ ( │ ^ 41 │ $arg 42 │ , i Remove ( mixin.css:47:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 45 │ $arg2 46 │ : > 47 │ 10 │ ^^ 48 │ , 49 │ $args i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:50:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 48 │ , 49 │ $args > 50 │ ... │ ^ 51 │ ) 52 │ { i Expected an identifier here. 48 │ , 49 │ $args > 50 │ ... │ ^ 51 │ ) 52 │ { mixin.css:50:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 48 │ , 49 │ $args > 50 │ ... │ ^ 51 │ ) 52 │ { i Expected an identifier here. 48 │ , 49 │ $args > 50 │ ... │ ^ 51 │ ) 52 │ { mixin.css:51:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found ')'. 49 │ $args 50 │ ... > 51 │ ) │ ^ 52 │ { 53 │ } i Expected an identifier here. 49 │ $args 50 │ ... > 51 │ ) │ ^ 52 │ { 53 │ } mixin.css:54:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 52 │ { 53 │ } > 54 │ @mixin │ ^^^^^ 55 │ 56 │ mix 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 mixin.css:56:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `mix` 54 │ @mixin 55 │ > 56 │ mix │ ^^^ 57 │ 58 │ ( i Remove mix mixin.css:58:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 56 │ mix 57 │ > 58 │ ( │ ^ 59 │ 60 │ $arg i Remove ( mixin.css:72:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 70 │ : 71 │ > 72 │ 10 │ ^^ 73 │ 74 │ , i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:78:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 76 │ $args 77 │ > 78 │ ... │ ^ 79 │ 80 │ ) i Expected an identifier here. 76 │ $args 77 │ > 78 │ ... │ ^ 79 │ 80 │ ) mixin.css:78:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 76 │ $args 77 │ > 78 │ ... │ ^ 79 │ 80 │ ) i Expected an identifier here. 76 │ $args 77 │ > 78 │ ... │ ^ 79 │ 80 │ ) mixin.css:80:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found ')'. 78 │ ... 79 │ > 80 │ ) │ ^ 81 │ 82 │ { i Expected an identifier here. 78 │ ... 79 │ > 80 │ ) │ ^ 81 │ 82 │ { mixin.css:84:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 82 │ { 83 │ } > 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} │ ^^^^^ 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} 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 mixin.css:84:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 82 │ { 83 │ } > 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} │ ^ 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} i Remove ( mixin.css:84:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg` 82 │ { 83 │ } > 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg mixin.css:84:257 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 82 │ { 83 │ } > 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} │ ^^ 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:84:342 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 82 │ { 83 │ } > 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} │ ^ 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} i Expected an identifier here. 82 │ { 83 │ } > 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} │ ^ 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} mixin.css:84:343 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found '.'. 82 │ { 83 │ } > 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} │ ^ 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} i Expected an identifier here. 82 │ { 83 │ } > 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} │ ^ 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} mixin.css:84:344 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected an identifier but instead found ')'. 82 │ { 83 │ } > 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} │ ^ 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} i Expected an identifier here. 82 │ { 83 │ } > 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} │ ^ 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} mixin.css:85:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 83 │ } 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} > 85 │ @mixin component($conf: ()) {} │ ^^^^^ 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 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 mixin.css:85:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 83 │ } 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} > 85 │ @mixin component($conf: ()) {} │ ^ 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} i Remove ( mixin.css:85:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$conf` 83 │ } 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} > 85 │ @mixin component($conf: ()) {} │ ^^^^^ 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} i Remove $conf mixin.css:85:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 83 │ } 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} > 85 │ @mixin component($conf: ()) {} │ ^ 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:86:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} 85 │ @mixin component($conf: ()) {} > 86 │ @mixin component($conf: ( )) {} │ ^^^^^ 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} 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 mixin.css:86:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} 85 │ @mixin component($conf: ()) {} > 86 │ @mixin component($conf: ( )) {} │ ^ 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} i Remove ( mixin.css:86:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$conf` 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} 85 │ @mixin component($conf: ()) {} > 86 │ @mixin component($conf: ( )) {} │ ^^^^^ 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} i Remove $conf mixin.css:86:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 84 │ @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} 85 │ @mixin component($conf: ()) {} > 86 │ @mixin component($conf: ( )) {} │ ^ 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:87:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} > 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} │ ^^^^^ 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 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 mixin.css:87:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} > 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} │ ^ 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} i Remove ( mixin.css:87:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$hover-background` 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} > 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} │ ^^^^^^^^^^^^^^^^^ 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} i Remove $hover-background mixin.css:87:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} > 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} │ ^ 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} i Remove ( mixin.css:87:49 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$background` 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} > 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} │ ^^^^^^^^^^^ 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} i Remove $background mixin.css:87:62 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a selector but instead found '7.5%))'. 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} > 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} │ ^^^^^^ 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} i Expected a selector here. 85 │ @mixin component($conf: ()) {} 86 │ @mixin component($conf: ( )) {} > 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} │ ^^^^^^ 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} mixin.css:88:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} > 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} │ ^^^^^ 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( 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 mixin.css:88:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} > 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} │ ^ 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( i Remove ( mixin.css:88:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$hover-background` 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} > 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} │ ^^^^^^^^^^^^^^^^^ 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( i Remove $hover-background mixin.css:88:50 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} > 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} │ ^ 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( i Remove ( mixin.css:88:52 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$background` 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} > 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} │ ^^^^^^^^^^^ 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( i Remove $background mixin.css:88:66 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a selector but instead found '7.5% ) )'. 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} > 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} │ ^^^^^^^^ 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( i Expected a selector here. 86 │ @mixin component($conf: ( )) {} 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} > 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} │ ^^^^^^^^ 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( mixin.css:89:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} > 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} │ ^^^^^ 90 │ @mixin button-variant( 91 │ $hover-background: darken($background, 7.5%) 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 mixin.css:89:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} > 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} │ ^ 90 │ @mixin button-variant( 91 │ $hover-background: darken($background, 7.5%) i Remove ( mixin.css:89:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$hover-background` 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} > 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} │ ^^^^^^^^^^^^^^^^^ 90 │ @mixin button-variant( 91 │ $hover-background: darken($background, 7.5%) i Remove $hover-background mixin.css:89:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} > 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} │ ^ 90 │ @mixin button-variant( 91 │ $hover-background: darken($background, 7.5%) i Remove ( mixin.css:89:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$background` 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} > 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} │ ^^^^^^^^^^^ 90 │ @mixin button-variant( 91 │ $hover-background: darken($background, 7.5%) i Remove $background mixin.css:89:60 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a selector but instead found '7.5%))'. 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} > 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} │ ^^^^^^ 90 │ @mixin button-variant( 91 │ $hover-background: darken($background, 7.5%) i Expected a selector here. 87 │ @mixin button-variant($hover-background: darken($background, 7.5%)) {} 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} > 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} │ ^^^^^^ 90 │ @mixin button-variant( 91 │ $hover-background: darken($background, 7.5%) mixin.css:90:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} > 90 │ @mixin button-variant( │ ^^^^^ 91 │ $hover-background: darken($background, 7.5%) 92 │ ) {} 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 mixin.css:90:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 88 │ @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {} 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} > 90 │ @mixin button-variant( │ ^ 91 │ $hover-background: darken($background, 7.5%) 92 │ ) {} i Remove ( mixin.css:91:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( > 91 │ $hover-background: darken($background, 7.5%) │ ^ 92 │ ) {} 93 │ @mixin i Remove ( mixin.css:91:31 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$background` 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( > 91 │ $hover-background: darken($background, 7.5%) │ ^^^^^^^^^^^ 92 │ ) {} 93 │ @mixin i Remove $background mixin.css:91:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a selector but instead found '7.5%'. 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( > 91 │ $hover-background: darken($background, 7.5%) │ ^^^^ 92 │ ) {} 93 │ @mixin i Expected a selector here. 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( > 91 │ $hover-background: darken($background, 7.5%) │ ^^^^ 92 │ ) {} 93 │ @mixin mixin.css:91:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 89 │ @mixin button-variant($hover-background:darken($background,7.5%)) {} 90 │ @mixin button-variant( > 91 │ $hover-background: darken($background, 7.5%) │ ^ 92 │ ) {} 93 │ @mixin i Remove ) mixin.css:93:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 91 │ $hover-background: darken($background, 7.5%) 92 │ ) {} > 93 │ @mixin │ ^^^^^ 94 │ button-variant( 95 │ $hover-background 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 mixin.css:94:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `button-variant` 92 │ ) {} 93 │ @mixin > 94 │ button-variant( │ ^^^^^^^^^^^^^^ 95 │ $hover-background 96 │ : i Remove button-variant mixin.css:94:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 92 │ ) {} 93 │ @mixin > 94 │ button-variant( │ ^ 95 │ $hover-background 96 │ : i Remove ( mixin.css:97:7 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 95 │ $hover-background 96 │ : > 97 │ darken( │ ^ 98 │ $background 99 │ , i Remove ( mixin.css:100:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a selector but instead found '7.5'. 98 │ $background 99 │ , > 100 │ 7.5% │ ^^^ 101 │ ) 102 │ ) i Expected a selector here. 98 │ $background 99 │ , > 100 │ 7.5% │ ^^^ 101 │ ) 102 │ ) mixin.css:100:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `%` 98 │ $background 99 │ , > 100 │ 7.5% │ ^ 101 │ ) 102 │ ) i Remove % mixin.css:104:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 102 │ ) 103 │ {} > 104 │ @mixin button-variant($foo: "...") {} │ ^^^^^ 105 │ @mixin button-variant($foo: " ... ") {} 106 │ @mixin button-variant($foo: " ... ") {} 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 mixin.css:104:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 102 │ ) 103 │ {} > 104 │ @mixin button-variant($foo: "...") {} │ ^ 105 │ @mixin button-variant($foo: " ... ") {} 106 │ @mixin button-variant($foo: " ... ") {} i Remove ( mixin.css:104:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$foo` 102 │ ) 103 │ {} > 104 │ @mixin button-variant($foo: "...") {} │ ^^^^ 105 │ @mixin button-variant($foo: " ... ") {} 106 │ @mixin button-variant($foo: " ... ") {} i Remove $foo mixin.css:104:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 102 │ ) 103 │ {} > 104 │ @mixin button-variant($foo: "...") {} │ ^^^^^ 105 │ @mixin button-variant($foo: " ... ") {} 106 │ @mixin button-variant($foo: " ... ") {} i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:105:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 103 │ {} 104 │ @mixin button-variant($foo: "...") {} > 105 │ @mixin button-variant($foo: " ... ") {} │ ^^^^^ 106 │ @mixin button-variant($foo: " ... ") {} 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} 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 mixin.css:105:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 103 │ {} 104 │ @mixin button-variant($foo: "...") {} > 105 │ @mixin button-variant($foo: " ... ") {} │ ^ 106 │ @mixin button-variant($foo: " ... ") {} 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} i Remove ( mixin.css:105:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$foo` 103 │ {} 104 │ @mixin button-variant($foo: "...") {} > 105 │ @mixin button-variant($foo: " ... ") {} │ ^^^^ 106 │ @mixin button-variant($foo: " ... ") {} 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} i Remove $foo mixin.css:105:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 103 │ {} 104 │ @mixin button-variant($foo: "...") {} > 105 │ @mixin button-variant($foo: " ... ") {} │ ^^^^^^^ 106 │ @mixin button-variant($foo: " ... ") {} 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:106:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 104 │ @mixin button-variant($foo: "...") {} 105 │ @mixin button-variant($foo: " ... ") {} > 106 │ @mixin button-variant($foo: " ... ") {} │ ^^^^^ 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} 108 │ 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 mixin.css:106:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 104 │ @mixin button-variant($foo: "...") {} 105 │ @mixin button-variant($foo: " ... ") {} > 106 │ @mixin button-variant($foo: " ... ") {} │ ^ 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} 108 │ i Remove ( mixin.css:106:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$foo` 104 │ @mixin button-variant($foo: "...") {} 105 │ @mixin button-variant($foo: " ... ") {} > 106 │ @mixin button-variant($foo: " ... ") {} │ ^^^^ 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} 108 │ i Remove $foo mixin.css:106:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 104 │ @mixin button-variant($foo: "...") {} 105 │ @mixin button-variant($foo: " ... ") {} > 106 │ @mixin button-variant($foo: " ... ") {} │ ^^^^^^^^^ 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} 108 │ i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:107:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 105 │ @mixin button-variant($foo: " ... ") {} 106 │ @mixin button-variant($foo: " ... ") {} > 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} │ ^^^^^ 108 │ 109 │ @mixin selector($param: "value") {} 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 mixin.css:107:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 105 │ @mixin button-variant($foo: " ... ") {} 106 │ @mixin button-variant($foo: " ... ") {} > 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} │ ^ 108 │ 109 │ @mixin selector($param: "value") {} i Remove ( mixin.css:107:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$color` 105 │ @mixin button-variant($foo: " ... ") {} 106 │ @mixin button-variant($foo: " ... ") {} > 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} │ ^^^^^^ 108 │ 109 │ @mixin selector($param: "value") {} i Remove $color mixin.css:107:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 105 │ @mixin button-variant($foo: " ... ") {} 106 │ @mixin button-variant($foo: " ... ") {} > 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} │ ^ 108 │ 109 │ @mixin selector($param: "value") {} i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future mixin.css:107:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `color` 105 │ @mixin button-variant($foo: " ... ") {} 106 │ @mixin button-variant($foo: " ... ") {} > 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} │ ^^^^^ 108 │ 109 │ @mixin selector($param: "value") {} i Remove color mixin.css:107:53 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 105 │ @mixin button-variant($foo: " ... ") {} 106 │ @mixin button-variant($foo: " ... ") {} > 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} │ ^ 108 │ 109 │ @mixin selector($param: "value") {} i Remove ) mixin.css:109:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} 108 │ > 109 │ @mixin selector($param: "value") {} │ ^^^^^ 110 │ 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 mixin.css:109:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} 108 │ > 109 │ @mixin selector($param: "value") {} │ ^ 110 │ i Remove ( mixin.css:109:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$param` 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} 108 │ > 109 │ @mixin selector($param: "value") {} │ ^^^^^^ 110 │ i Remove $param mixin.css:109:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 107 │ @mixin sexy-border($color, $width, $foo: (color: red)) {} 108 │ > 109 │ @mixin selector($param: "value") {} │ ^^^^^^^ 110 │ i Expected one of: - hover - focus - active - first-child - last-child - nth-child - nth-last-child - first-of-type - last-of-type - nth-of-type - nth-last-of-type - only-child - only-of-type - checked - disabled - enabled - required - optional - valid - invalid - in-range - out-of-range - read-only - read-write - placeholder-shown - default - checked - indeterminate - blank - empty - root - target - lang - not - is - where - fullscreen - link - visited - any-link - local-link - scope - current - past - future ``` # Lines exceeding max width of 80 characters ``` 93: mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {} ```