--- source: crates/biome_formatter_test/src/snapshot_builder.rs info: css/atrule/extend.css --- # Input ```css .master { color: black; font-size: 12px; } .emphasis { @extend .master; font-weight: bold; } .emphasis { @extend .master; font-weight: bold; } .emphasis { @extend .master ; font-weight: bold; } .emphasis { @extend .master ; font-weight: bold; } .emphasis { @extend .master ; font-weight : bold ; } .emphasis { @extend .master ; font-weight : bold ; } %message-shared { border: 1px solid #ccc; padding: 10px; color: #333; } .message { @extend %message-shared; } .message { @extend %message-shared; } .message { @extend %message-shared ; } .message { @extend %message-shared ; } .message { @extend %message-shared; } .message { @extend %message-shared; } a.important { @extend .notice !optional; } a.important { @extend .notice !optional; } a.important { @extend .notice !optional ; } a.important { @extend .notice !optional ; } a.important { @extend .notice !optional ; } a.important { @extend .notice !optional ; } .message-error { @extend .message, .important; } .message-error { @extend .message , .important ; } .message-error { @extend .message , .important ; } .message-error { @extend .message, .important; } .message-error { @extend .message, .important; } .message-error { @extend .message , .important ; } .message-error { @extend .message , .important; } .message-error { @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector; } ``` # Prettier differences ```diff --- Prettier +++ Biome @@ -3,93 +3,149 @@ font-size: 12px; } .emphasis { - @extend .master; - font-weight: bold; + @extend .master; + font-weight: bold; } .emphasis { - @extend .master; - font-weight: bold; +@extend .master; +font-weight: bold; } .emphasis { - @extend .master; - font-weight: bold; + @extend .master ; + font-weight: bold; } .emphasis { - @extend .master; - font-weight: bold; + @extend .master ; + font-weight: bold; } -.emphasis { - @extend .master; - font-weight: bold; +.emphasis +{ +@extend +.master +; +font-weight +: +bold +; } -.emphasis { - @extend .master; +.emphasis + +{ + +@extend + +.master + +; + +font-weight + +: + +bold + +; - font-weight: bold; } %message-shared { - border: 1px solid #ccc; - padding: 10px; - color: #333; + border: 1px solid #ccc; + padding: 10px; + color: #333; } .message { - @extend %message-shared; + @extend %message-shared; } .message { - @extend %message-shared; +@extend %message-shared; } .message { - @extend %message-shared; + @extend %message-shared ; } .message { - @extend %message-shared; + @extend %message-shared ; } .message { - @extend %message-shared; +@extend +%message-shared; } .message { - @extend %message-shared; + +@extend + +%message-shared; + } a.important { - @extend .notice !optional; + @extend .notice !optional; } a.important { - @extend .notice !optional; +@extend .notice !optional; } a.important { - @extend .notice !optional; + @extend .notice !optional ; } a.important { - @extend .notice !optional; + @extend .notice !optional ; } -a.important { - @extend .notice !optional; +a.important +{ +@extend +.notice +!optional +; } -a.important { - @extend .notice !optional; +a.important + +{ + +@extend + +.notice + +!optional + +; + } .message-error { - @extend .message, .important; + @extend .message, .important; } .message-error { - @extend .message, .important; + @extend .message , .important ; } .message-error { - @extend .message, .important; + @extend .message , .important ; } .message-error { - @extend .message, .important; + @extend .message, + .important; } .message-error { - @extend .message, .important; + @extend + .message, + .important; } -.message-error { - @extend .message, .important; +.message-error +{ +@extend +.message +, +.important +; } -.message-error { - @extend .message, .important; +.message-error + +{ + +@extend + +.message + +, + +.important; + } .message-error { - @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, - .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector; + @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector; } ``` # Output ```css .master { color: black; font-size: 12px; } .emphasis { @extend .master; font-weight: bold; } .emphasis { @extend .master; font-weight: bold; } .emphasis { @extend .master ; font-weight: bold; } .emphasis { @extend .master ; font-weight: bold; } .emphasis { @extend .master ; font-weight : bold ; } .emphasis { @extend .master ; font-weight : bold ; } %message-shared { border: 1px solid #ccc; padding: 10px; color: #333; } .message { @extend %message-shared; } .message { @extend %message-shared; } .message { @extend %message-shared ; } .message { @extend %message-shared ; } .message { @extend %message-shared; } .message { @extend %message-shared; } a.important { @extend .notice !optional; } a.important { @extend .notice !optional; } a.important { @extend .notice !optional ; } a.important { @extend .notice !optional ; } a.important { @extend .notice !optional ; } a.important { @extend .notice !optional ; } .message-error { @extend .message, .important; } .message-error { @extend .message , .important ; } .message-error { @extend .message , .important ; } .message-error { @extend .message, .important; } .message-error { @extend .message, .important; } .message-error { @extend .message , .important ; } .message-error { @extend .message , .important; } .message-error { @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector; } ``` # Errors ``` extend.css:6:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 4 │ } 5 │ .emphasis { > 6 │ @extend .master; │ ^^^^^^ 7 │ font-weight: bold; 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 extend.css:6:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 4 │ } 5 │ .emphasis { > 6 │ @extend .master; │ ^ 7 │ font-weight: bold; 8 │ } i Remove ; extend.css:7:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `font-weight` 5 │ .emphasis { 6 │ @extend .master; > 7 │ font-weight: bold; │ ^^^^^^^^^^^ 8 │ } 9 │ .emphasis { i Remove font-weight extend.css:7:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 5 │ .emphasis { 6 │ @extend .master; > 7 │ font-weight: bold; │ ^ 8 │ } 9 │ .emphasis { i Remove ; extend.css:9:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 7 │ font-weight: bold; 8 │ } > 9 │ .emphasis { │ ^ 10 │ @extend .master; 11 │ font-weight: bold; i Remove . extend.css:10:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 8 │ } 9 │ .emphasis { > 10 │ @extend .master; │ ^^^^^^ 11 │ font-weight: bold; 12 │ } 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 extend.css:10:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 8 │ } 9 │ .emphasis { > 10 │ @extend .master; │ ^ 11 │ font-weight: bold; 12 │ } i Remove ; extend.css:11:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `font-weight` 9 │ .emphasis { 10 │ @extend .master; > 11 │ font-weight: bold; │ ^^^^^^^^^^^ 12 │ } 13 │ .emphasis { i Remove font-weight extend.css:11:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 9 │ .emphasis { 10 │ @extend .master; > 11 │ font-weight: bold; │ ^ 12 │ } 13 │ .emphasis { i Remove ; extend.css:13:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 11 │ font-weight: bold; 12 │ } > 13 │ .emphasis { │ ^ 14 │ @extend .master ; 15 │ font-weight: bold; i Remove . extend.css:14:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 12 │ } 13 │ .emphasis { > 14 │ @extend .master ; │ ^^^^^^ 15 │ font-weight: bold; 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 extend.css:14:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found ';'. 12 │ } 13 │ .emphasis { > 14 │ @extend .master ; │ ^ 15 │ font-weight: bold; 16 │ } i Expected a compound selector here. 12 │ } 13 │ .emphasis { > 14 │ @extend .master ; │ ^ 15 │ font-weight: bold; 16 │ } extend.css:15:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `font-weight` 13 │ .emphasis { 14 │ @extend .master ; > 15 │ font-weight: bold; │ ^^^^^^^^^^^ 16 │ } 17 │ .emphasis { i Remove font-weight extend.css:15:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 13 │ .emphasis { 14 │ @extend .master ; > 15 │ font-weight: bold; │ ^ 16 │ } 17 │ .emphasis { i Remove ; extend.css:17:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 15 │ font-weight: bold; 16 │ } > 17 │ .emphasis { │ ^ 18 │ @extend .master ; 19 │ font-weight: bold; i Remove . extend.css:18:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 16 │ } 17 │ .emphasis { > 18 │ @extend .master ; │ ^^^^^^ 19 │ font-weight: bold; 20 │ } 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 extend.css:18:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found ';'. 16 │ } 17 │ .emphasis { > 18 │ @extend .master ; │ ^ 19 │ font-weight: bold; 20 │ } i Expected a compound selector here. 16 │ } 17 │ .emphasis { > 18 │ @extend .master ; │ ^ 19 │ font-weight: bold; 20 │ } extend.css:19:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `font-weight` 17 │ .emphasis { 18 │ @extend .master ; > 19 │ font-weight: bold; │ ^^^^^^^^^^^ 20 │ } 21 │ .emphasis i Remove font-weight extend.css:19:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 17 │ .emphasis { 18 │ @extend .master ; > 19 │ font-weight: bold; │ ^ 20 │ } 21 │ .emphasis i Remove ; extend.css:21:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 19 │ font-weight: bold; 20 │ } > 21 │ .emphasis │ ^ 22 │ { 23 │ @extend i Remove . extend.css:23:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 21 │ .emphasis 22 │ { > 23 │ @extend │ ^^^^^^ 24 │ .master 25 │ ; 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 extend.css:25:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 23 │ @extend 24 │ .master > 25 │ ; │ ^ 26 │ font-weight 27 │ : i Remove ; extend.css:26:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `font-weight` 24 │ .master 25 │ ; > 26 │ font-weight │ ^^^^^^^^^^^ 27 │ : 28 │ bold i Remove font-weight extend.css:29:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 27 │ : 28 │ bold > 29 │ ; │ ^ 30 │ } 31 │ .emphasis i Remove ; extend.css:31:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 29 │ ; 30 │ } > 31 │ .emphasis │ ^ 32 │ 33 │ { i Remove . extend.css:35:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 33 │ { 34 │ > 35 │ @extend │ ^^^^^^ 36 │ 37 │ .master 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 extend.css:39:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 37 │ .master 38 │ > 39 │ ; │ ^ 40 │ 41 │ font-weight i Remove ; extend.css:41:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `font-weight` 39 │ ; 40 │ > 41 │ font-weight │ ^^^^^^^^^^^ 42 │ 43 │ : i Remove font-weight extend.css:47:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 45 │ bold 46 │ > 47 │ ; │ ^ 48 │ 49 │ } i Remove ; extend.css:50:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `message-shared` 49 │ } > 50 │ %message-shared { │ ^^^^^^^^^^^^^^ 51 │ border: 1px solid #ccc; 52 │ padding: 10px; i Remove message-shared extend.css:56:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 54 │ } 55 │ .message { > 56 │ @extend %message-shared; │ ^^^^^^ 57 │ } 58 │ .message { 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 extend.css:56:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '%'. 54 │ } 55 │ .message { > 56 │ @extend %message-shared; │ ^ 57 │ } 58 │ .message { i Expected a compound selector here. 54 │ } 55 │ .message { > 56 │ @extend %message-shared; │ ^ 57 │ } 58 │ .message { extend.css:56:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `message-shared` 54 │ } 55 │ .message { > 56 │ @extend %message-shared; │ ^^^^^^^^^^^^^^ 57 │ } 58 │ .message { i Remove message-shared extend.css:56:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 54 │ } 55 │ .message { > 56 │ @extend %message-shared; │ ^ 57 │ } 58 │ .message { i Remove ; extend.css:58:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 56 │ @extend %message-shared; 57 │ } > 58 │ .message { │ ^ 59 │ @extend %message-shared; 60 │ } i Remove . extend.css:59:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 57 │ } 58 │ .message { > 59 │ @extend %message-shared; │ ^^^^^^ 60 │ } 61 │ .message { 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 extend.css:59:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '%'. 57 │ } 58 │ .message { > 59 │ @extend %message-shared; │ ^ 60 │ } 61 │ .message { i Expected a compound selector here. 57 │ } 58 │ .message { > 59 │ @extend %message-shared; │ ^ 60 │ } 61 │ .message { extend.css:59:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `message-shared` 57 │ } 58 │ .message { > 59 │ @extend %message-shared; │ ^^^^^^^^^^^^^^ 60 │ } 61 │ .message { i Remove message-shared extend.css:59:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 57 │ } 58 │ .message { > 59 │ @extend %message-shared; │ ^ 60 │ } 61 │ .message { i Remove ; extend.css:61:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 59 │ @extend %message-shared; 60 │ } > 61 │ .message { │ ^ 62 │ @extend %message-shared ; 63 │ } i Remove . extend.css:62:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 60 │ } 61 │ .message { > 62 │ @extend %message-shared ; │ ^^^^^^ 63 │ } 64 │ .message { 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 extend.css:62:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '%'. 60 │ } 61 │ .message { > 62 │ @extend %message-shared ; │ ^ 63 │ } 64 │ .message { i Expected a compound selector here. 60 │ } 61 │ .message { > 62 │ @extend %message-shared ; │ ^ 63 │ } 64 │ .message { extend.css:62:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `message-shared` 60 │ } 61 │ .message { > 62 │ @extend %message-shared ; │ ^^^^^^^^^^^^^^ 63 │ } 64 │ .message { i Remove message-shared extend.css:62:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found ';'. 60 │ } 61 │ .message { > 62 │ @extend %message-shared ; │ ^ 63 │ } 64 │ .message { i Expected a compound selector here. 60 │ } 61 │ .message { > 62 │ @extend %message-shared ; │ ^ 63 │ } 64 │ .message { extend.css:64:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 62 │ @extend %message-shared ; 63 │ } > 64 │ .message { │ ^ 65 │ @extend %message-shared ; 66 │ } i Remove . extend.css:65:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 63 │ } 64 │ .message { > 65 │ @extend %message-shared ; │ ^^^^^^ 66 │ } 67 │ .message { 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 extend.css:65:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '%'. 63 │ } 64 │ .message { > 65 │ @extend %message-shared ; │ ^ 66 │ } 67 │ .message { i Expected a compound selector here. 63 │ } 64 │ .message { > 65 │ @extend %message-shared ; │ ^ 66 │ } 67 │ .message { extend.css:65:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `message-shared` 63 │ } 64 │ .message { > 65 │ @extend %message-shared ; │ ^^^^^^^^^^^^^^ 66 │ } 67 │ .message { i Remove message-shared extend.css:65:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found ';'. 63 │ } 64 │ .message { > 65 │ @extend %message-shared ; │ ^ 66 │ } 67 │ .message { i Expected a compound selector here. 63 │ } 64 │ .message { > 65 │ @extend %message-shared ; │ ^ 66 │ } 67 │ .message { extend.css:67:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 65 │ @extend %message-shared ; 66 │ } > 67 │ .message { │ ^ 68 │ @extend 69 │ %message-shared; i Remove . extend.css:68:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 66 │ } 67 │ .message { > 68 │ @extend │ ^^^^^^ 69 │ %message-shared; 70 │ } 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 extend.css:69:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `%` 67 │ .message { 68 │ @extend > 69 │ %message-shared; │ ^ 70 │ } 71 │ .message { i Remove % extend.css:69:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `message-shared` 67 │ .message { 68 │ @extend > 69 │ %message-shared; │ ^^^^^^^^^^^^^^ 70 │ } 71 │ .message { i Remove message-shared extend.css:69:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 67 │ .message { 68 │ @extend > 69 │ %message-shared; │ ^ 70 │ } 71 │ .message { i Remove ; extend.css:71:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 69 │ %message-shared; 70 │ } > 71 │ .message { │ ^ 72 │ 73 │ @extend i Remove . extend.css:73:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 71 │ .message { 72 │ > 73 │ @extend │ ^^^^^^ 74 │ 75 │ %message-shared; 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 extend.css:75:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `%` 73 │ @extend 74 │ > 75 │ %message-shared; │ ^ 76 │ 77 │ } i Remove % extend.css:75:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `message-shared` 73 │ @extend 74 │ > 75 │ %message-shared; │ ^^^^^^^^^^^^^^ 76 │ 77 │ } i Remove message-shared extend.css:75:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 73 │ @extend 74 │ > 75 │ %message-shared; │ ^ 76 │ 77 │ } i Remove ; extend.css:78:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `a` 77 │ } > 78 │ a.important { │ ^ 79 │ @extend .notice !optional; 80 │ } i Remove a extend.css:79:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 77 │ } 78 │ a.important { > 79 │ @extend .notice !optional; │ ^^^^^^ 80 │ } 81 │ a.important { 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 extend.css:79:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 77 │ } 78 │ a.important { > 79 │ @extend .notice !optional; │ ^ 80 │ } 81 │ a.important { i Expected a compound selector here. 77 │ } 78 │ a.important { > 79 │ @extend .notice !optional; │ ^ 80 │ } 81 │ a.important { extend.css:79:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `optional` 77 │ } 78 │ a.important { > 79 │ @extend .notice !optional; │ ^^^^^^^^ 80 │ } 81 │ a.important { i Remove optional extend.css:79:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 77 │ } 78 │ a.important { > 79 │ @extend .notice !optional; │ ^ 80 │ } 81 │ a.important { i Remove ; extend.css:81:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `a` 79 │ @extend .notice !optional; 80 │ } > 81 │ a.important { │ ^ 82 │ @extend .notice !optional; 83 │ } i Remove a extend.css:82:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 80 │ } 81 │ a.important { > 82 │ @extend .notice !optional; │ ^^^^^^ 83 │ } 84 │ a.important { 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 extend.css:82:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 80 │ } 81 │ a.important { > 82 │ @extend .notice !optional; │ ^ 83 │ } 84 │ a.important { i Expected a compound selector here. 80 │ } 81 │ a.important { > 82 │ @extend .notice !optional; │ ^ 83 │ } 84 │ a.important { extend.css:82:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `optional` 80 │ } 81 │ a.important { > 82 │ @extend .notice !optional; │ ^^^^^^^^ 83 │ } 84 │ a.important { i Remove optional extend.css:82:26 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 80 │ } 81 │ a.important { > 82 │ @extend .notice !optional; │ ^ 83 │ } 84 │ a.important { i Remove ; extend.css:84:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `a` 82 │ @extend .notice !optional; 83 │ } > 84 │ a.important { │ ^ 85 │ @extend .notice !optional ; 86 │ } i Remove a extend.css:85:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 83 │ } 84 │ a.important { > 85 │ @extend .notice !optional ; │ ^^^^^^ 86 │ } 87 │ a.important { 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 extend.css:85:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 83 │ } 84 │ a.important { > 85 │ @extend .notice !optional ; │ ^ 86 │ } 87 │ a.important { i Expected a compound selector here. 83 │ } 84 │ a.important { > 85 │ @extend .notice !optional ; │ ^ 86 │ } 87 │ a.important { extend.css:85:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `optional` 83 │ } 84 │ a.important { > 85 │ @extend .notice !optional ; │ ^^^^^^^^ 86 │ } 87 │ a.important { i Remove optional extend.css:85:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found ';'. 83 │ } 84 │ a.important { > 85 │ @extend .notice !optional ; │ ^ 86 │ } 87 │ a.important { i Expected a compound selector here. 83 │ } 84 │ a.important { > 85 │ @extend .notice !optional ; │ ^ 86 │ } 87 │ a.important { extend.css:87:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `a` 85 │ @extend .notice !optional ; 86 │ } > 87 │ a.important { │ ^ 88 │ @extend .notice !optional ; 89 │ } i Remove a extend.css:88:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 86 │ } 87 │ a.important { > 88 │ @extend .notice !optional ; │ ^^^^^^ 89 │ } 90 │ a.important 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 extend.css:88:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '!'. 86 │ } 87 │ a.important { > 88 │ @extend .notice !optional ; │ ^ 89 │ } 90 │ a.important i Expected a compound selector here. 86 │ } 87 │ a.important { > 88 │ @extend .notice !optional ; │ ^ 89 │ } 90 │ a.important extend.css:88:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `optional` 86 │ } 87 │ a.important { > 88 │ @extend .notice !optional ; │ ^^^^^^^^ 89 │ } 90 │ a.important i Remove optional extend.css:88:34 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found ';'. 86 │ } 87 │ a.important { > 88 │ @extend .notice !optional ; │ ^ 89 │ } 90 │ a.important i Expected a compound selector here. 86 │ } 87 │ a.important { > 88 │ @extend .notice !optional ; │ ^ 89 │ } 90 │ a.important extend.css:90:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `a` 88 │ @extend .notice !optional ; 89 │ } > 90 │ a.important │ ^ 91 │ { 92 │ @extend i Remove a extend.css:92:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 90 │ a.important 91 │ { > 92 │ @extend │ ^^^^^^ 93 │ .notice 94 │ !optional 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 extend.css:94:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `!` 92 │ @extend 93 │ .notice > 94 │ !optional │ ^ 95 │ ; 96 │ } i Remove ! extend.css:94:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `optional` 92 │ @extend 93 │ .notice > 94 │ !optional │ ^^^^^^^^ 95 │ ; 96 │ } i Remove optional extend.css:95:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 93 │ .notice 94 │ !optional > 95 │ ; │ ^ 96 │ } 97 │ a.important i Remove ; extend.css:97:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `a` 95 │ ; 96 │ } > 97 │ a.important │ ^ 98 │ 99 │ { i Remove a extend.css:101:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 99 │ { 100 │ > 101 │ @extend │ ^^^^^^ 102 │ 103 │ .notice 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 extend.css:105:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `!` 103 │ .notice 104 │ > 105 │ !optional │ ^ 106 │ 107 │ ; i Remove ! extend.css:105:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `optional` 103 │ .notice 104 │ > 105 │ !optional │ ^^^^^^^^ 106 │ 107 │ ; i Remove optional extend.css:107:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 105 │ !optional 106 │ > 107 │ ; │ ^ 108 │ 109 │ } i Remove ; extend.css:110:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 109 │ } > 110 │ .message-error { │ ^ 111 │ @extend .message, .important; 112 │ } i Remove . extend.css:111:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 109 │ } 110 │ .message-error { > 111 │ @extend .message, .important; │ ^^^^^^ 112 │ } 113 │ .message-error { 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 extend.css:111:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 109 │ } 110 │ .message-error { > 111 │ @extend .message, .important; │ ^ 112 │ } 113 │ .message-error { i Remove ; extend.css:113:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 111 │ @extend .message, .important; 112 │ } > 113 │ .message-error { │ ^ 114 │ @extend .message , .important ; 115 │ } i Remove . extend.css:114:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 112 │ } 113 │ .message-error { > 114 │ @extend .message , .important ; │ ^^^^^^ 115 │ } 116 │ .message-error { 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 extend.css:114:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found ';'. 112 │ } 113 │ .message-error { > 114 │ @extend .message , .important ; │ ^ 115 │ } 116 │ .message-error { i Expected a compound selector here. 112 │ } 113 │ .message-error { > 114 │ @extend .message , .important ; │ ^ 115 │ } 116 │ .message-error { extend.css:116:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 114 │ @extend .message , .important ; 115 │ } > 116 │ .message-error { │ ^ 117 │ @extend .message , .important ; 118 │ } i Remove . extend.css:117:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 115 │ } 116 │ .message-error { > 117 │ @extend .message , .important ; │ ^^^^^^ 118 │ } 119 │ .message-error { 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 extend.css:117:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found ';'. 115 │ } 116 │ .message-error { > 117 │ @extend .message , .important ; │ ^ 118 │ } 119 │ .message-error { i Expected a compound selector here. 115 │ } 116 │ .message-error { > 117 │ @extend .message , .important ; │ ^ 118 │ } 119 │ .message-error { extend.css:119:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 117 │ @extend .message , .important ; 118 │ } > 119 │ .message-error { │ ^ 120 │ @extend .message, 121 │ .important; i Remove . extend.css:120:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 118 │ } 119 │ .message-error { > 120 │ @extend .message, │ ^^^^^^ 121 │ .important; 122 │ } 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 extend.css:121:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 119 │ .message-error { 120 │ @extend .message, > 121 │ .important; │ ^ 122 │ } 123 │ .message-error { i Remove ; extend.css:123:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 121 │ .important; 122 │ } > 123 │ .message-error { │ ^ 124 │ @extend 125 │ .message, i Remove . extend.css:124:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 122 │ } 123 │ .message-error { > 124 │ @extend │ ^^^^^^ 125 │ .message, 126 │ .important; 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 extend.css:126:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 124 │ @extend 125 │ .message, > 126 │ .important; │ ^ 127 │ } 128 │ .message-error i Remove ; extend.css:128:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 126 │ .important; 127 │ } > 128 │ .message-error │ ^ 129 │ { 130 │ @extend i Remove . extend.css:130:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 128 │ .message-error 129 │ { > 130 │ @extend │ ^^^^^^ 131 │ .message 132 │ , 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 extend.css:134:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 132 │ , 133 │ .important > 134 │ ; │ ^ 135 │ } 136 │ .message-error i Remove ; extend.css:136:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 134 │ ; 135 │ } > 136 │ .message-error │ ^ 137 │ 138 │ { i Remove . extend.css:140:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 138 │ { 139 │ > 140 │ @extend │ ^^^^^^ 141 │ 142 │ .message 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 extend.css:146:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 144 │ , 145 │ > 146 │ .important; │ ^ 147 │ 148 │ } i Remove ; extend.css:149:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `.` 148 │ } > 149 │ .message-error { │ ^ 150 │ @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector; 151 │ } i Remove . extend.css:150:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 148 │ } 149 │ .message-error { > 150 │ @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector; │ ^^^^^^ 151 │ } 152 │ 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 extend.css:150:173 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 148 │ } 149 │ .message-error { > 150 │ @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector; │ ^ 151 │ } 152 │ i Remove ; extend.css:152:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `{` but instead the file ends 150 │ @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector; 151 │ } > 152 │ │ i the file ends here 150 │ @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector; 151 │ } > 152 │ │ ``` # Lines exceeding max width of 80 characters ``` 150: @extend .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector, .very-very-very-very-very-very-very-very-very-very-very-very-very-long-selector; ```