diff --git a/CHANGELOG.md b/CHANGELOG.md index 87ec0cd812ce..c0b0fe897666 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,10 +18,6 @@ our [guidelines for writing a good changelog entry](https://github.com/biomejs/b #### Bug fixes - Fix [#3069](https://github.com/biomejs/biome/issues/3069), prevent overwriting paths when using `--staged` or `--changed` options. Contributed by @unvalley -- Fix the bug where whitespace after the & character in CSS nesting was incorrectly trimmed, ensuring proper targeting of child classes [#3061](https://github.com/biomejs/biome/issues/3061). Contributed by @denbezrukov -- Fix [#3091](https://github.com/biomejs/biome/issues/3091). Allows the parser to handle nested style rules and at-rules properly, enhancing the parser's compatibility with the CSS Nesting Module. Contributed by @denbezrukov -- Fix [#3068](https://github.com/biomejs/biome/issues/3068) where the CSS formatter was inadvertently converting variable declarations and function calls to lowercase. Contributed by @denbezrukov -- Fix [#3055](https://github.com/biomejs/biome/issues/3055) CSS: Layout using named grid lines is now correctly parsed. Contributed by @denbezrukov ### Configuration @@ -33,6 +29,10 @@ our [guidelines for writing a good changelog entry](https://github.com/biomejs/b ### Formatter +#### Bug fixes +- Fix the bug where whitespace after the & character in CSS nesting was incorrectly trimmed, ensuring proper targeting of child classes [#3061](https://github.com/biomejs/biome/issues/3061). Contributed by @denbezrukov +- Fix [#3068](https://github.com/biomejs/biome/issues/3068) where the CSS formatter was inadvertently converting variable declarations and function calls to lowercase. Contributed by @denbezrukov + ### JavaScript APIs ### Linter @@ -61,6 +61,13 @@ our [guidelines for writing a good changelog entry](https://github.com/biomejs/b ### Parser +#### New features +- Implemented CSS Unknown At-Rule parsing, allowing the parser to gracefully handle unsupported or unrecognized CSS at-rules. Contributed by @denbezrukov + +#### Bug fixes +- Fix [#3055](https://github.com/biomejs/biome/issues/3055) CSS: Layout using named grid lines is now correctly parsed. Contributed by @denbezrukov +- Fix [#3091](https://github.com/biomejs/biome/issues/3091). Allows the parser to handle nested style rules and at-rules properly, enhancing the parser's compatibility with the CSS Nesting Module. Contributed by @denbezrukov + ## 1.8.0 (2024-06-04) ### Analyzer diff --git a/crates/biome_css_factory/src/generated/node_factory.rs b/crates/biome_css_factory/src/generated/node_factory.rs index c3f9a89d5226..0a421cb9592f 100644 --- a/crates/biome_css_factory/src/generated/node_factory.rs +++ b/crates/biome_css_factory/src/generated/node_factory.rs @@ -2080,6 +2080,20 @@ impl CssUniversalSelectorBuilder { )) } } +pub fn css_unknown_block_at_rule( + name: CssIdentifier, + components: CssUnknownAtRuleComponentList, + block: AnyCssDeclarationOrRuleBlock, +) -> CssUnknownBlockAtRule { + CssUnknownBlockAtRule::unwrap_cast(SyntaxNode::new_detached( + CssSyntaxKind::CSS_UNKNOWN_BLOCK_AT_RULE, + [ + Some(SyntaxElement::Node(name.into_syntax())), + Some(SyntaxElement::Node(components.into_syntax())), + Some(SyntaxElement::Node(block.into_syntax())), + ], + )) +} pub fn css_unknown_dimension( value_token: SyntaxToken, unit_token: SyntaxToken, @@ -2092,6 +2106,20 @@ pub fn css_unknown_dimension( ], )) } +pub fn css_unknown_value_at_rule( + name: CssIdentifier, + components: CssUnknownAtRuleComponentList, + semicolon_token: SyntaxToken, +) -> CssUnknownValueAtRule { + CssUnknownValueAtRule::unwrap_cast(SyntaxNode::new_detached( + CssSyntaxKind::CSS_UNKNOWN_VALUE_AT_RULE, + [ + Some(SyntaxElement::Node(name.into_syntax())), + Some(SyntaxElement::Node(components.into_syntax())), + Some(SyntaxElement::Token(semicolon_token)), + ], + )) +} pub fn css_url_function( name_token: SyntaxToken, l_paren_token: SyntaxToken, @@ -2912,6 +2940,16 @@ where slots, )) } +pub fn css_unknown_at_rule_component_list(slots: I) -> CssUnknownAtRuleComponentList +where + I: IntoIterator>, + I::IntoIter: ExactSizeIterator, +{ + CssUnknownAtRuleComponentList::unwrap_cast(SyntaxNode::new_detached( + CssSyntaxKind::CSS_UNKNOWN_AT_RULE_COMPONENT_LIST, + slots, + )) +} pub fn css_value_at_rule_generic_value(slots: I) -> CssValueAtRuleGenericValue where I: IntoIterator>, diff --git a/crates/biome_css_factory/src/generated/syntax_factory.rs b/crates/biome_css_factory/src/generated/syntax_factory.rs index af49ccc23691..4f7c7ed5879a 100644 --- a/crates/biome_css_factory/src/generated/syntax_factory.rs +++ b/crates/biome_css_factory/src/generated/syntax_factory.rs @@ -37,6 +37,7 @@ impl SyntaxFactory for CssSyntaxFactory { | CSS_BOGUS_SELECTOR | CSS_BOGUS_SUB_SELECTOR | CSS_BOGUS_URL_MODIFIER + | CSS_UNKNOWN_AT_RULE_COMPONENT_LIST | CSS_VALUE_AT_RULE_GENERIC_VALUE => { RawSyntaxNode::new(kind, children.into_iter().map(Some)) } @@ -4221,6 +4222,39 @@ impl SyntaxFactory for CssSyntaxFactory { } slots.into_node(CSS_UNIVERSAL_SELECTOR, children) } + CSS_UNKNOWN_BLOCK_AT_RULE => { + let mut elements = (&children).into_iter(); + let mut slots: RawNodeSlots<3usize> = RawNodeSlots::default(); + let mut current_element = elements.next(); + if let Some(element) = ¤t_element { + if CssIdentifier::can_cast(element.kind()) { + slots.mark_present(); + current_element = elements.next(); + } + } + slots.next_slot(); + if let Some(element) = ¤t_element { + if CssUnknownAtRuleComponentList::can_cast(element.kind()) { + slots.mark_present(); + current_element = elements.next(); + } + } + slots.next_slot(); + if let Some(element) = ¤t_element { + if AnyCssDeclarationOrRuleBlock::can_cast(element.kind()) { + slots.mark_present(); + current_element = elements.next(); + } + } + slots.next_slot(); + if current_element.is_some() { + return RawSyntaxNode::new( + CSS_UNKNOWN_BLOCK_AT_RULE.to_bogus(), + children.into_iter().map(Some), + ); + } + slots.into_node(CSS_UNKNOWN_BLOCK_AT_RULE, children) + } CSS_UNKNOWN_DIMENSION => { let mut elements = (&children).into_iter(); let mut slots: RawNodeSlots<2usize> = RawNodeSlots::default(); @@ -4247,6 +4281,39 @@ impl SyntaxFactory for CssSyntaxFactory { } slots.into_node(CSS_UNKNOWN_DIMENSION, children) } + CSS_UNKNOWN_VALUE_AT_RULE => { + let mut elements = (&children).into_iter(); + let mut slots: RawNodeSlots<3usize> = RawNodeSlots::default(); + let mut current_element = elements.next(); + if let Some(element) = ¤t_element { + if CssIdentifier::can_cast(element.kind()) { + slots.mark_present(); + current_element = elements.next(); + } + } + slots.next_slot(); + if let Some(element) = ¤t_element { + if CssUnknownAtRuleComponentList::can_cast(element.kind()) { + slots.mark_present(); + current_element = elements.next(); + } + } + slots.next_slot(); + if let Some(element) = ¤t_element { + if element.kind() == T ! [;] { + slots.mark_present(); + current_element = elements.next(); + } + } + slots.next_slot(); + if current_element.is_some() { + return RawSyntaxNode::new( + CSS_UNKNOWN_VALUE_AT_RULE.to_bogus(), + children.into_iter().map(Some), + ); + } + slots.into_node(CSS_UNKNOWN_VALUE_AT_RULE, children) + } CSS_URL_FUNCTION => { let mut elements = (&children).into_iter(); let mut slots: RawNodeSlots<5usize> = RawNodeSlots::default(); diff --git a/crates/biome_css_formatter/src/css/any/at_rule.rs b/crates/biome_css_formatter/src/css/any/at_rule.rs index bdc64c0e781d..291ac081052e 100644 --- a/crates/biome_css_formatter/src/css/any/at_rule.rs +++ b/crates/biome_css_formatter/src/css/any/at_rule.rs @@ -27,6 +27,8 @@ impl FormatRule for FormatAnyCssAtRule { AnyCssAtRule::CssScopeAtRule(node) => node.format().fmt(f), AnyCssAtRule::CssStartingStyleAtRule(node) => node.format().fmt(f), AnyCssAtRule::CssSupportsAtRule(node) => node.format().fmt(f), + AnyCssAtRule::CssUnknownBlockAtRule(node) => node.format().fmt(f), + AnyCssAtRule::CssUnknownValueAtRule(node) => node.format().fmt(f), AnyCssAtRule::CssValueAtRule(node) => node.format().fmt(f), } } diff --git a/crates/biome_css_formatter/src/css/any/conditional_block.rs b/crates/biome_css_formatter/src/css/any/conditional_block.rs index 93cd501a04d2..468032813562 100644 --- a/crates/biome_css_formatter/src/css/any/conditional_block.rs +++ b/crates/biome_css_formatter/src/css/any/conditional_block.rs @@ -8,8 +8,9 @@ impl FormatRule for FormatAnyCssConditionalBlock { type Context = CssFormatContext; fn fmt(&self, node: &AnyCssConditionalBlock, f: &mut CssFormatter) -> FormatResult<()> { match node { - AnyCssConditionalBlock::AnyCssDeclarationOrRuleBlock(node) => node.format().fmt(f), - AnyCssConditionalBlock::AnyCssRuleBlock(node) => node.format().fmt(f), + AnyCssConditionalBlock::CssBogusBlock(node) => node.format().fmt(f), + AnyCssConditionalBlock::CssDeclarationOrRuleBlock(node) => node.format().fmt(f), + AnyCssConditionalBlock::CssRuleBlock(node) => node.format().fmt(f), } } } diff --git a/crates/biome_css_formatter/src/css/bogus/mod.rs b/crates/biome_css_formatter/src/css/bogus/mod.rs index f5c2cec53f65..cea2ccd9355f 100644 --- a/crates/biome_css_formatter/src/css/bogus/mod.rs +++ b/crates/biome_css_formatter/src/css/bogus/mod.rs @@ -24,4 +24,5 @@ pub(crate) mod bogus_scope_range; pub(crate) mod bogus_selector; pub(crate) mod bogus_sub_selector; pub(crate) mod bogus_url_modifier; +pub(crate) mod unknown_at_rule_component_list; pub(crate) mod value_at_rule_generic_value; diff --git a/crates/biome_css_formatter/src/css/bogus/unknown_at_rule_component_list.rs b/crates/biome_css_formatter/src/css/bogus/unknown_at_rule_component_list.rs new file mode 100644 index 000000000000..06a7e99c460c --- /dev/null +++ b/crates/biome_css_formatter/src/css/bogus/unknown_at_rule_component_list.rs @@ -0,0 +1,5 @@ +use crate::FormatBogusNodeRule; +use biome_css_syntax::CssUnknownAtRuleComponentList; +#[derive(Debug, Clone, Default)] +pub(crate) struct FormatCssUnknownAtRuleComponentList; +impl FormatBogusNodeRule for FormatCssUnknownAtRuleComponentList {} diff --git a/crates/biome_css_formatter/src/css/statements/mod.rs b/crates/biome_css_formatter/src/css/statements/mod.rs index 4236073418a2..fe04bbd4dbdd 100644 --- a/crates/biome_css_formatter/src/css/statements/mod.rs +++ b/crates/biome_css_formatter/src/css/statements/mod.rs @@ -20,4 +20,6 @@ pub(crate) mod property_at_rule; pub(crate) mod scope_at_rule; pub(crate) mod starting_style_at_rule; pub(crate) mod supports_at_rule; +pub(crate) mod unknown_block_at_rule; +pub(crate) mod unknown_value_at_rule; pub(crate) mod value_at_rule; diff --git a/crates/biome_css_formatter/src/css/statements/unknown_block_at_rule.rs b/crates/biome_css_formatter/src/css/statements/unknown_block_at_rule.rs new file mode 100644 index 000000000000..8da660c5d0f2 --- /dev/null +++ b/crates/biome_css_formatter/src/css/statements/unknown_block_at_rule.rs @@ -0,0 +1,23 @@ +use crate::prelude::*; +use biome_css_syntax::{CssUnknownBlockAtRule, CssUnknownBlockAtRuleFields}; +use biome_formatter::write; + +#[derive(Debug, Clone, Default)] +pub(crate) struct FormatCssUnknownBlockAtRule; +impl FormatNodeRule for FormatCssUnknownBlockAtRule { + fn fmt_fields(&self, node: &CssUnknownBlockAtRule, f: &mut CssFormatter) -> FormatResult<()> { + let CssUnknownBlockAtRuleFields { + name, + components, + block, + } = node.as_fields(); + + write!(f, [name.format(), space(), components.format()])?; + + if components.map_or(false, |components| components.items().next().is_some()) { + write!(f, [space()])?; + } + + write!(f, [block.format()]) + } +} diff --git a/crates/biome_css_formatter/src/css/statements/unknown_value_at_rule.rs b/crates/biome_css_formatter/src/css/statements/unknown_value_at_rule.rs new file mode 100644 index 000000000000..c81135cda031 --- /dev/null +++ b/crates/biome_css_formatter/src/css/statements/unknown_value_at_rule.rs @@ -0,0 +1,26 @@ +use crate::prelude::*; +use biome_css_syntax::{CssUnknownValueAtRule, CssUnknownValueAtRuleFields}; +use biome_formatter::write; + +#[derive(Debug, Clone, Default)] +pub(crate) struct FormatCssUnknownValueAtRule; +impl FormatNodeRule for FormatCssUnknownValueAtRule { + fn fmt_fields(&self, node: &CssUnknownValueAtRule, f: &mut CssFormatter) -> FormatResult<()> { + let CssUnknownValueAtRuleFields { + name, + components, + semicolon_token, + } = node.as_fields(); + + write!(f, [name.format()])?; + + if let Ok(components) = components { + if components.items().next().is_some() { + write!(f, [space()])?; + } + write!(f, [components.format()])?; + } + + write!(f, [semicolon_token.format()]) + } +} diff --git a/crates/biome_css_formatter/src/generated.rs b/crates/biome_css_formatter/src/generated.rs index ca650dc578e0..93acca60128c 100644 --- a/crates/biome_css_formatter/src/generated.rs +++ b/crates/biome_css_formatter/src/generated.rs @@ -5018,6 +5018,46 @@ impl IntoFormat for biome_css_syntax::CssUniversalSelector { ) } } +impl FormatRule + for crate::css::statements::unknown_block_at_rule::FormatCssUnknownBlockAtRule +{ + type Context = CssFormatContext; + #[inline(always)] + fn fmt( + &self, + node: &biome_css_syntax::CssUnknownBlockAtRule, + f: &mut CssFormatter, + ) -> FormatResult<()> { + FormatNodeRule::::fmt(self, node, f) + } +} +impl AsFormat for biome_css_syntax::CssUnknownBlockAtRule { + type Format<'a> = FormatRefWithRule< + 'a, + biome_css_syntax::CssUnknownBlockAtRule, + crate::css::statements::unknown_block_at_rule::FormatCssUnknownBlockAtRule, + >; + fn format(&self) -> Self::Format<'_> { + #![allow(clippy::default_constructed_unit_structs)] + FormatRefWithRule::new( + self, + crate::css::statements::unknown_block_at_rule::FormatCssUnknownBlockAtRule::default(), + ) + } +} +impl IntoFormat for biome_css_syntax::CssUnknownBlockAtRule { + type Format = FormatOwnedWithRule< + biome_css_syntax::CssUnknownBlockAtRule, + crate::css::statements::unknown_block_at_rule::FormatCssUnknownBlockAtRule, + >; + fn into_format(self) -> Self::Format { + #![allow(clippy::default_constructed_unit_structs)] + FormatOwnedWithRule::new( + self, + crate::css::statements::unknown_block_at_rule::FormatCssUnknownBlockAtRule::default(), + ) + } +} impl FormatRule for crate::css::value::unknown_dimension::FormatCssUnknownDimension { @@ -5058,6 +5098,46 @@ impl IntoFormat for biome_css_syntax::CssUnknownDimension { ) } } +impl FormatRule + for crate::css::statements::unknown_value_at_rule::FormatCssUnknownValueAtRule +{ + type Context = CssFormatContext; + #[inline(always)] + fn fmt( + &self, + node: &biome_css_syntax::CssUnknownValueAtRule, + f: &mut CssFormatter, + ) -> FormatResult<()> { + FormatNodeRule::::fmt(self, node, f) + } +} +impl AsFormat for biome_css_syntax::CssUnknownValueAtRule { + type Format<'a> = FormatRefWithRule< + 'a, + biome_css_syntax::CssUnknownValueAtRule, + crate::css::statements::unknown_value_at_rule::FormatCssUnknownValueAtRule, + >; + fn format(&self) -> Self::Format<'_> { + #![allow(clippy::default_constructed_unit_structs)] + FormatRefWithRule::new( + self, + crate::css::statements::unknown_value_at_rule::FormatCssUnknownValueAtRule::default(), + ) + } +} +impl IntoFormat for biome_css_syntax::CssUnknownValueAtRule { + type Format = FormatOwnedWithRule< + biome_css_syntax::CssUnknownValueAtRule, + crate::css::statements::unknown_value_at_rule::FormatCssUnknownValueAtRule, + >; + fn into_format(self) -> Self::Format { + #![allow(clippy::default_constructed_unit_structs)] + FormatOwnedWithRule::new( + self, + crate::css::statements::unknown_value_at_rule::FormatCssUnknownValueAtRule::default(), + ) + } +} impl FormatRule for crate::css::auxiliary::url_function::FormatCssUrlFunction { @@ -6945,6 +7025,40 @@ impl IntoFormat for biome_css_syntax::CssBogusUrlModifier { ) } } +impl FormatRule + for crate::css::bogus::unknown_at_rule_component_list::FormatCssUnknownAtRuleComponentList +{ + type Context = CssFormatContext; + #[inline(always)] + fn fmt( + &self, + node: &biome_css_syntax::CssUnknownAtRuleComponentList, + f: &mut CssFormatter, + ) -> FormatResult<()> { + FormatBogusNodeRule::::fmt(self, node, f) + } +} +impl AsFormat for biome_css_syntax::CssUnknownAtRuleComponentList { + type Format<'a> = FormatRefWithRule< + 'a, + biome_css_syntax::CssUnknownAtRuleComponentList, + crate::css::bogus::unknown_at_rule_component_list::FormatCssUnknownAtRuleComponentList, + >; + fn format(&self) -> Self::Format<'_> { + #![allow(clippy::default_constructed_unit_structs)] + FormatRefWithRule :: new (self , crate :: css :: bogus :: unknown_at_rule_component_list :: FormatCssUnknownAtRuleComponentList :: default ()) + } +} +impl IntoFormat for biome_css_syntax::CssUnknownAtRuleComponentList { + type Format = FormatOwnedWithRule< + biome_css_syntax::CssUnknownAtRuleComponentList, + crate::css::bogus::unknown_at_rule_component_list::FormatCssUnknownAtRuleComponentList, + >; + fn into_format(self) -> Self::Format { + #![allow(clippy::default_constructed_unit_structs)] + FormatOwnedWithRule :: new (self , crate :: css :: bogus :: unknown_at_rule_component_list :: FormatCssUnknownAtRuleComponentList :: default ()) + } +} impl FormatRule for crate::css::bogus::value_at_rule_generic_value::FormatCssValueAtRuleGenericValue { diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/unknown.css b/crates/biome_css_formatter/tests/specs/css/atrule/unknown.css new file mode 100644 index 000000000000..bb8307b8039a --- /dev/null +++ b/crates/biome_css_formatter/tests/specs/css/atrule/unknown.css @@ -0,0 +1,7 @@ +.container { + @apply flex flex-col h-[100vh] w-[100vh]; +} + +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/unknown.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/unknown.css.snap new file mode 100644 index 000000000000..7fa91281796c --- /dev/null +++ b/crates/biome_css_formatter/tests/specs/css/atrule/unknown.css.snap @@ -0,0 +1,41 @@ +--- +source: crates/biome_formatter_test/src/snapshot_builder.rs +info: css/atrule/unknown.css +--- +# Input + +```css +.container { + @apply flex flex-col h-[100vh] w-[100vh]; +} + +@tailwind base; +@tailwind components; +@tailwind utilities; + +``` + + +============================= + +# Outputs + +## Output 1 + +----- +Indent style: Tab +Indent width: 2 +Line ending: LF +Line width: 80 +Quote style: Double Quotes +----- + +```css +.container { + @apply flex flex-col h-[100vh] w-[100vh]; +} + +@tailwind base; +@tailwind components; +@tailwind utilities; +``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/at-root.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/at-root.css.snap index f7d57ca37703..be2f47996fc3 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/at-root.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/at-root.css.snap @@ -306,227 +306,65 @@ red ```diff --- Prettier +++ Biome -@@ -1,5 +1,6 @@ - .parent { -- @at-root { -+ @ -+ at-root { - .child1 { - width: 100px; - } -@@ -9,7 +10,8 @@ - } - } - .parent { -- @at-root { -+ @ -+ at-root { - .child1 { - width: 100px; - } -@@ -19,7 +21,8 @@ - } - } - .parent { -- @at-root { -+ @ -+ at-root { - .child1 { - width: 100px; - } -@@ -29,7 +32,8 @@ - } - } - .parent { -- @at-root { -+ @ -+ at-root { - .child1 { - width: 100px; - } -@@ -39,7 +43,8 @@ - } - } - .parent { -- @at-root { -+ @ -+ at-root { - .child1 { - width: 100px; - } -@@ -49,7 +54,8 @@ - } - } - .parent { -- @at-root { -+ @ -+ at-root { - .child1 { - width: 100px; - } -@@ -59,37 +65,44 @@ - } - } - .parent { -- @at-root .child { -+ @ -+ at-root .child { - width: 100px; - } - } - .parent { -- @at-root .child { -+ @ -+ at-root .child { - width: 100px; - } - } - .parent { -- @at-root .child { -+ @ -+ at-root .child { - width: 100px; - } - } - .parent { -- @at-root .child { -+ @ -+ at-root .child { - width: 100px; - } - } - .parent { -- @at-root .child { -+ @ -+ at-root .child { - width: 100px; - } - } - .parent { -- @at-root .child { -+ @ -+ at-root .child { - width: 100px; +@@ -89,7 +89,11 @@ } } .parent { - @at-root input[type="radio"] { -+ @ -+ at-root input[type="radio"] { ++ @at-root input[ ++type ++= ++'radio' ++] { color: red; } } -@@ -97,79 +110,117 @@ - .page { - width: 8in; - -- @at-root (with: media) { -- color: red; -- } -+ @ -+ at-root (with: media) { -+ color: red; -+ } - } - } - @media print { - .page { - width: 8in; - -- @at-root (with: media) { -- color: red; -- } -+ @ -+ at-root (with: media) { -+color: red; -+} - } - } - @media print { +@@ -115,7 +119,7 @@ .page { width: 8in; - @at-root (with: media) { -- color: red; -- } -+ @ -+ at-root (with:media){ -+ color: red; -+ } ++ @at-root (with:media) { + color: red; + } } - } - @media print { +@@ -124,7 +128,7 @@ .page { width: 8in; - @at-root (with: media) { -- color: red; -- } -+ @ -+ at-root ( with : media ) { -+ color: red; -+ } - } - } - @media print { - .page { - width: 8in; - -- @at-root (with: media) { -- color: red; -- } -+ @ -+ at-root ( with : media ) { -+ color: red; -+ } ++ @at-root ( with : media ) { + color: red; + } } - } - @media print { +@@ -133,7 +137,7 @@ .page { width: 8in; - @at-root (with: media) { -- color: red; -- } -+ @ -+ at-root -+ (with: media) { -+ color: red; -+ } ++ @at-root ( with : media ) { + color: red; + } } - } +@@ -150,7 +154,11 @@ @media print { .page { width: 8in; - @at-root (with: media) { -- color: red; -- } -+ @ -+ at-root -+( ++ @at-root ( +with +: +media -+) -+{ -+color -+: -+red -+; -+} ++) { + color: red; + } } - } - @media print { +@@ -159,7 +167,15 @@ .page { width: 8in; - @at-root (with: media) { -- color: red; -- } -+ @ -+ at-root -+ -+( ++ @at-root ( + +with + @@ -534,41 +372,17 @@ red + +media + -+) -+ -+{ -+ -+color -+: -+ -+red -+ -+; -+ -+} - } - } - @media print { - .page { - width: 8in; - -- @at-root (without: media) { -- color: red; -- } -+ @ -+ at-root (without: media) { -+ color: red; -+ } ++) { + color: red; + } } - } ``` # Output ```css .parent { - @ - at-root { + @at-root { .child1 { width: 100px; } @@ -578,8 +392,7 @@ red } } .parent { - @ - at-root { + @at-root { .child1 { width: 100px; } @@ -589,8 +402,7 @@ red } } .parent { - @ - at-root { + @at-root { .child1 { width: 100px; } @@ -600,8 +412,7 @@ red } } .parent { - @ - at-root { + @at-root { .child1 { width: 100px; } @@ -611,8 +422,7 @@ red } } .parent { - @ - at-root { + @at-root { .child1 { width: 100px; } @@ -622,8 +432,7 @@ red } } .parent { - @ - at-root { + @at-root { .child1 { width: 100px; } @@ -633,44 +442,41 @@ red } } .parent { - @ - at-root .child { + @at-root .child { width: 100px; } } .parent { - @ - at-root .child { + @at-root .child { width: 100px; } } .parent { - @ - at-root .child { + @at-root .child { width: 100px; } } .parent { - @ - at-root .child { + @at-root .child { width: 100px; } } .parent { - @ - at-root .child { + @at-root .child { width: 100px; } } .parent { - @ - at-root .child { + @at-root .child { width: 100px; } } .parent { - @ - at-root input[type="radio"] { + @at-root input[ +type += +'radio' +] { color: red; } } @@ -678,89 +484,73 @@ red .page { width: 8in; - @ - at-root (with: media) { - color: red; - } + @at-root (with: media) { + color: red; + } } } @media print { .page { width: 8in; - @ - at-root (with: media) { -color: red; -} + @at-root (with: media) { + color: red; + } } } @media print { .page { width: 8in; - @ - at-root (with:media){ - color: red; - } + @at-root (with:media) { + color: red; + } } } @media print { .page { width: 8in; - @ - at-root ( with : media ) { - color: red; - } + @at-root ( with : media ) { + color: red; + } } } @media print { .page { width: 8in; - @ - at-root ( with : media ) { - color: red; - } + @at-root ( with : media ) { + color: red; + } } } @media print { .page { width: 8in; - @ - at-root - (with: media) { - color: red; - } + @at-root (with: media) { + color: red; + } } } @media print { .page { width: 8in; - @ - at-root -( + @at-root ( with : media -) -{ -color -: -red -; -} +) { + color: red; + } } } @media print { .page { width: 8in; - @ - at-root - -( + @at-root ( with @@ -768,1146 +558,18 @@ with media -) - -{ - -color -: - -red - -; - -} +) { + color: red; + } } } @media print { .page { width: 8in; - @ - at-root (without: media) { - color: red; - } + @at-root (without: media) { + color: red; + } } } ``` - -# Errors -``` -at-root.css:2:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ .parent { - > 2 │ @at-root { - │ ^^^^^^^ - 3 │ .child1 { - 4 │ width: 100px; - - 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 - -at-root.css:12:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 10 │ } - 11 │ .parent { - > 12 │ @at-root { - │ ^^^^^^^ - 13 │ .child1 { - 14 │ width: 100px; - - 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 - -at-root.css:22:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 20 │ } - 21 │ .parent { - > 22 │ @at-root { - │ ^^^^^^^ - 23 │ .child1 { - 24 │ width: 100px; - - 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 - -at-root.css:32:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 30 │ } - 31 │ .parent { - > 32 │ @at-root { - │ ^^^^^^^ - 33 │ .child1 { - 34 │ width: 100px; - - 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 - -at-root.css:43:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 41 │ .parent - 42 │ { - > 43 │ @at-root - │ ^^^^^^^ - 44 │ { - 45 │ .child1 - - 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 - -at-root.css:65:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 63 │ { - 64 │ - > 65 │ @at-root - │ ^^^^^^^ - 66 │ - 67 │ { - - 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 - -at-root.css:100:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 98 │ } - 99 │ .parent { - > 100 │ @at-root .child { - │ ^^^^^^^ - 101 │ width: 100px; - 102 │ } - - 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 - -at-root.css:105:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 103 │ } - 104 │ .parent { - > 105 │ @at-root .child { - │ ^^^^^^^ - 106 │ width: 100px; - 107 │ } - - 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 - -at-root.css:110:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 108 │ } - 109 │ .parent{ - > 110 │ @at-root .child{ - │ ^^^^^^^ - 111 │ width: 100px; - 112 │ } - - 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 - -at-root.css:115:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 113 │ } - 114 │ .parent { - > 115 │ @at-root .child { - │ ^^^^^^^ - 116 │ width: 100px; - 117 │ } - - 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 - -at-root.css:121:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 119 │ .parent - 120 │ { - > 121 │ @at-root - │ ^^^^^^^ - 122 │ .child - 123 │ { - - 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 - -at-root.css:134:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 132 │ { - 133 │ - > 134 │ @at-root - │ ^^^^^^^ - 135 │ - 136 │ .child - - 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 - -at-root.css:152:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 150 │ } - 151 │ .parent { - > 152 │ @at-root - │ ^^^^^^^ - 153 │ input[ - 154 │ type - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -at-root.css:169:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 167 │ width: 8in; - 168 │ - > 169 │ @at-root (with: media) { - │ ^^^^^^^ - 170 │ color: red; - 171 │ } - - 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 - -at-root.css:169:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 167 │ width: 8in; - 168 │ - > 169 │ @at-root (with: media) { - │ ^ - 170 │ color: red; - 171 │ } - - i Expected a compound selector here. - - 167 │ width: 8in; - 168 │ - > 169 │ @at-root (with: media) { - │ ^ - 170 │ color: red; - 171 │ } - -at-root.css:169:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `with` - - 167 │ width: 8in; - 168 │ - > 169 │ @at-root (with: media) { - │ ^^^^ - 170 │ color: red; - 171 │ } - - i Remove with - -at-root.css:169:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 167 │ width: 8in; - 168 │ - > 169 │ @at-root (with: media) { - │ ^ - 170 │ color: red; - 171 │ } - - i Remove ) - -at-root.css:178:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 176 │ width: 8in; - 177 │ - > 178 │ @at-root (with: media) { - │ ^^^^^^^ - 179 │ color: red; - 180 │ } - - 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 - -at-root.css:178:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 176 │ width: 8in; - 177 │ - > 178 │ @at-root (with: media) { - │ ^ - 179 │ color: red; - 180 │ } - - i Expected a compound selector here. - - 176 │ width: 8in; - 177 │ - > 178 │ @at-root (with: media) { - │ ^ - 179 │ color: red; - 180 │ } - -at-root.css:178:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `with` - - 176 │ width: 8in; - 177 │ - > 178 │ @at-root (with: media) { - │ ^^^^ - 179 │ color: red; - 180 │ } - - i Remove with - -at-root.css:178:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 176 │ width: 8in; - 177 │ - > 178 │ @at-root (with: media) { - │ ^ - 179 │ color: red; - 180 │ } - - i Remove ) - -at-root.css:187:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 185 │ width: 8in; - 186 │ - > 187 │ @at-root (with:media){ - │ ^^^^^^^ - 188 │ color: red; - 189 │ } - - 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 - -at-root.css:187:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 185 │ width: 8in; - 186 │ - > 187 │ @at-root (with:media){ - │ ^ - 188 │ color: red; - 189 │ } - - i Expected a compound selector here. - - 185 │ width: 8in; - 186 │ - > 187 │ @at-root (with:media){ - │ ^ - 188 │ color: red; - 189 │ } - -at-root.css:187:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `with` - - 185 │ width: 8in; - 186 │ - > 187 │ @at-root (with:media){ - │ ^^^^ - 188 │ color: red; - 189 │ } - - i Remove with - -at-root.css:187:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 185 │ width: 8in; - 186 │ - > 187 │ @at-root (with:media){ - │ ^ - 188 │ color: red; - 189 │ } - - i Remove ) - -at-root.css:196:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 194 │ width: 8in; - 195 │ - > 196 │ @at-root ( with : media ) { - │ ^^^^^^^ - 197 │ color: red; - 198 │ } - - 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 - -at-root.css:196:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 194 │ width: 8in; - 195 │ - > 196 │ @at-root ( with : media ) { - │ ^ - 197 │ color: red; - 198 │ } - - i Expected a compound selector here. - - 194 │ width: 8in; - 195 │ - > 196 │ @at-root ( with : media ) { - │ ^ - 197 │ color: red; - 198 │ } - -at-root.css:196:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `with` - - 194 │ width: 8in; - 195 │ - > 196 │ @at-root ( with : media ) { - │ ^^^^ - 197 │ color: red; - 198 │ } - - i Remove with - -at-root.css:196:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 194 │ width: 8in; - 195 │ - > 196 │ @at-root ( with : media ) { - │ ^ - 197 │ color: red; - 198 │ } - - i Remove ) - -at-root.css:205:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 203 │ width: 8in; - 204 │ - > 205 │ @at-root ( with : media ) { - │ ^^^^^^^ - 206 │ color: red; - 207 │ } - - 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 - -at-root.css:205:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 203 │ width: 8in; - 204 │ - > 205 │ @at-root ( with : media ) { - │ ^ - 206 │ color: red; - 207 │ } - - i Expected a compound selector here. - - 203 │ width: 8in; - 204 │ - > 205 │ @at-root ( with : media ) { - │ ^ - 206 │ color: red; - 207 │ } - -at-root.css:205:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `with` - - 203 │ width: 8in; - 204 │ - > 205 │ @at-root ( with : media ) { - │ ^^^^ - 206 │ color: red; - 207 │ } - - i Remove with - -at-root.css:205:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 203 │ width: 8in; - 204 │ - > 205 │ @at-root ( with : media ) { - │ ^ - 206 │ color: red; - 207 │ } - - i Remove ) - -at-root.css:214:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 212 │ width: 8in; - 213 │ - > 214 │ @at-root - │ ^^^^^^^ - 215 │ (with: media) { - 216 │ 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 - -at-root.css:215:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 214 │ @at-root - > 215 │ (with: media) { - │ ^ - 216 │ color: red; - 217 │ } - - i Expected a compound selector here. - - 214 │ @at-root - > 215 │ (with: media) { - │ ^ - 216 │ color: red; - 217 │ } - -at-root.css:215:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `with` - - 214 │ @at-root - > 215 │ (with: media) { - │ ^^^^ - 216 │ color: red; - 217 │ } - - i Remove with - -at-root.css:215:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 214 │ @at-root - > 215 │ (with: media) { - │ ^ - 216 │ color: red; - 217 │ } - - i Remove ) - -at-root.css:228:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 226 │ 8in - 227 │ ; - > 228 │ @at-root - │ ^^^^^^^ - 229 │ ( - 230 │ with - - 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 - -at-root.css:229:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 227 │ ; - 228 │ @at-root - > 229 │ ( - │ ^ - 230 │ with - 231 │ : - - i Expected a compound selector here. - - 227 │ ; - 228 │ @at-root - > 229 │ ( - │ ^ - 230 │ with - 231 │ : - -at-root.css:230:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `with` - - 228 │ @at-root - 229 │ ( - > 230 │ with - │ ^^^^ - 231 │ : - 232 │ media - - i Remove with - -at-root.css:233:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 231 │ : - 232 │ media - > 233 │ ) - │ ^ - 234 │ { - 235 │ color - - i Remove ) - -at-root.css:258:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 256 │ ; - 257 │ - > 258 │ @at-root - │ ^^^^^^^ - 259 │ - 260 │ ( - - 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 - -at-root.css:260:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 258 │ @at-root - 259 │ - > 260 │ ( - │ ^ - 261 │ - 262 │ with - - i Expected a compound selector here. - - 258 │ @at-root - 259 │ - > 260 │ ( - │ ^ - 261 │ - 262 │ with - -at-root.css:262:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `with` - - 260 │ ( - 261 │ - > 262 │ with - │ ^^^^ - 263 │ - 264 │ : - - i Remove with - -at-root.css:268:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 266 │ media - 267 │ - > 268 │ ) - │ ^ - 269 │ - 270 │ { - - i Remove ) - -at-root.css:288:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 286 │ width: 8in; - 287 │ - > 288 │ @at-root (without: media) { - │ ^^^^^^^ - 289 │ color: red; - 290 │ } - - 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 - -at-root.css:288:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 286 │ width: 8in; - 287 │ - > 288 │ @at-root (without: media) { - │ ^ - 289 │ color: red; - 290 │ } - - i Expected a compound selector here. - - 286 │ width: 8in; - 287 │ - > 288 │ @at-root (without: media) { - │ ^ - 289 │ color: red; - 290 │ } - -at-root.css:288:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `without` - - 286 │ width: 8in; - 287 │ - > 288 │ @at-root (without: media) { - │ ^^^^^^^ - 289 │ color: red; - 290 │ } - - i Remove without - -at-root.css:288:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 286 │ width: 8in; - 287 │ - > 288 │ @at-root (without: media) { - │ ^ - 289 │ color: red; - 290 │ } - - i Remove ) - - -``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/custom-media.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/custom-media.css.snap index 7a0577fecccc..7de2468ad0e3 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/custom-media.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/custom-media.css.snap @@ -118,60 +118,34 @@ max-width ```diff --- Prettier +++ Biome -@@ -1,20 +1,131 @@ +@@ -1,20 +1,84 @@ + @custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); --@custom-media --small-viewport (max-width: 30em); --@custom-media --none not all; -@custom-media --none not all; -@custom-media --none not all; -@custom-media --none not all; -@custom-media --none not all; --@custom-media --none not all; --@custom-media --tablet (min-width: 768px) and (max-width: 1279px); --@custom-media --tablet (min-width: 768px) and (max-width: 1279px); --@custom-media --tablet (min-width: 768px) and (max-width: 1279px); --@custom-media --tablet (min-width: 768px) and (max-width: 1279px); --@custom-media --tablet (min-width: 768px) and (max-width: 1279px); --@custom-media --tablet (min-width: 768px) and (max-width: 1279px); --@custom-media --tablet (min-width: 768px) and (max-width: 1279px); -+@ -+custom-media --small-viewport (max-width: 30em) -+; -+@ -+custom-media --small-viewport (max-width:30em) -+; -+@ -+custom-media --small-viewport ( max-width : 30em ) -+; -+@ -+custom-media --small-viewport -+ (max-width: 30em) -+; -+@ -+custom-media -+ --small-viewport -+( -+max-width: 30em -+ ) -+; -+@ -+custom-media -+--small-viewport ++@custom-media --small-viewport (max-width:30em); ++@custom-media --small-viewport ( max-width : 30em ); ++@custom-media --small-viewport ++ (max-width: 30em); ++@custom-media --small-viewport ++ ( ++ max-width: 30em ++ ); ++@custom-media --small-viewport +( +max-width +: +30em -+) -+; -+@ -+custom-media ++); ++@custom-media --small-viewport + -+--small-viewport +( + +max-width @@ -180,58 +154,38 @@ max-width + +30em + -+) -+ -+; -+@ -+custom-media --none not all -+; -+@ -+custom-media --none not all -+; -+@ -+custom-media --none not all -+; -+@ -+custom-media --none not all -+; -+@ -+custom-media -+--none ++); + @custom-media --none not all; +-@custom-media --none not all; +-@custom-media --tablet (min-width: 768px) and (max-width: 1279px); +-@custom-media --tablet (min-width: 768px) and (max-width: 1279px); +-@custom-media --tablet (min-width: 768px) and (max-width: 1279px); +-@custom-media --tablet (min-width: 768px) and (max-width: 1279px); +-@custom-media --tablet (min-width: 768px) and (max-width: 1279px); +-@custom-media --tablet (min-width: 768px) and (max-width: 1279px); ++@custom-media --none not all; ++@custom-media --none ++ not all; ++@custom-media --none ++ not ++ all; ++@custom-media --none +not -+all -+; -+@ -+custom-media -+ -+--none ++all; ++@custom-media --none + +not + -+all -+; -+@ -+custom-media --tablet (min-width: 768px) and (max-width: 1279px) -+; -+@ -+custom-media --tablet (min-width:768px) and (max-width:1279px) -+; -+@ -+custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) -+; -+@ -+custom-media --tablet -+ (min-width: 768px) and (max-width: 1279px) -+; -+@ -+custom-media -+ --tablet ++all; + @custom-media --tablet (min-width: 768px) and (max-width: 1279px); ++@custom-media --tablet (min-width:768px) and (max-width:1279px); ++@custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ); ++@custom-media --tablet ++ (min-width: 768px) and (max-width: 1279px); ++@custom-media --tablet + (min-width: 768px) and -+ (max-width: 1279px) -+; -+@ -+custom-media -+--tablet ++ (max-width: 1279px); ++@custom-media --tablet +( +min-width +: @@ -242,12 +196,9 @@ max-width +max-width +: +1279px -+) -+; -+@ -+custom-media ++); ++@custom-media --tablet + -+--tablet +( + +min-width @@ -259,6 +210,7 @@ max-width +) + +and ++ +( + +max-width @@ -267,47 +219,29 @@ max-width + +1279px + -+) -+ -+; ++); ``` # Output ```css -@ -custom-media --small-viewport (max-width: 30em) -; -@ -custom-media --small-viewport (max-width:30em) -; -@ -custom-media --small-viewport ( max-width : 30em ) -; -@ -custom-media --small-viewport - (max-width: 30em) -; -@ -custom-media - --small-viewport -( -max-width: 30em - ) -; -@ -custom-media ---small-viewport +@custom-media --small-viewport (max-width: 30em); +@custom-media --small-viewport (max-width:30em); +@custom-media --small-viewport ( max-width : 30em ); +@custom-media --small-viewport + (max-width: 30em); +@custom-media --small-viewport + ( + max-width: 30em + ); +@custom-media --small-viewport ( max-width : 30em -) -; -@ -custom-media +); +@custom-media --small-viewport ---small-viewport ( max-width @@ -316,58 +250,31 @@ max-width 30em -) - -; -@ -custom-media --none not all -; -@ -custom-media --none not all -; -@ -custom-media --none not all -; -@ -custom-media --none not all -; -@ -custom-media ---none +); +@custom-media --none not all; +@custom-media --none not all; +@custom-media --none + not all; +@custom-media --none + not + all; +@custom-media --none not -all -; -@ -custom-media - ---none +all; +@custom-media --none not -all -; -@ -custom-media --tablet (min-width: 768px) and (max-width: 1279px) -; -@ -custom-media --tablet (min-width:768px) and (max-width:1279px) -; -@ -custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) -; -@ -custom-media --tablet - (min-width: 768px) and (max-width: 1279px) -; -@ -custom-media - --tablet +all; +@custom-media --tablet (min-width: 768px) and (max-width: 1279px); +@custom-media --tablet (min-width:768px) and (max-width:1279px); +@custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ); +@custom-media --tablet + (min-width: 768px) and (max-width: 1279px); +@custom-media --tablet (min-width: 768px) and - (max-width: 1279px) -; -@ -custom-media ---tablet + (max-width: 1279px); +@custom-media --tablet ( min-width : @@ -378,12 +285,9 @@ and max-width : 1279px -) -; -@ -custom-media +); +@custom-media --tablet ---tablet ( min-width @@ -395,6 +299,7 @@ min-width ) and + ( max-width @@ -403,3297 +308,10 @@ max-width 1279px -) - -; -``` - -# Errors -``` -custom-media.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @custom-media --small-viewport (max-width: 30em); - │ ^^^^^^^^^^^^ - 2 │ @custom-media --small-viewport (max-width:30em); - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - - 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 - -custom-media.css:1:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - > 1 │ @custom-media --small-viewport (max-width: 30em); - │ ^ - 2 │ @custom-media --small-viewport (max-width:30em); - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - - i Expected a compound selector here. - - > 1 │ @custom-media --small-viewport (max-width: 30em); - │ ^ - 2 │ @custom-media --small-viewport (max-width:30em); - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - -custom-media.css:1:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `max-width` - - > 1 │ @custom-media --small-viewport (max-width: 30em); - │ ^^^^^^^^^ - 2 │ @custom-media --small-viewport (max-width:30em); - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - - i Remove max-width - -custom-media.css:1:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @custom-media --small-viewport (max-width: 30em); - │ ^^ - 2 │ @custom-media --small-viewport (max-width:30em); - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - - 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 - -custom-media.css:1:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - > 1 │ @custom-media --small-viewport (max-width: 30em); - │ ^^ - 2 │ @custom-media --small-viewport (max-width:30em); - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - - i Remove em - -custom-media.css:1:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - > 1 │ @custom-media --small-viewport (max-width: 30em); - │ ^ - 2 │ @custom-media --small-viewport (max-width:30em); - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - - i Remove ) - -custom-media.css:1:49 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - > 1 │ @custom-media --small-viewport (max-width: 30em); - │ ^ - 2 │ @custom-media --small-viewport (max-width:30em); - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - - i Remove ; - -custom-media.css:2:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @custom-media --small-viewport (max-width: 30em); - > 2 │ @custom-media --small-viewport (max-width:30em); - │ ^^^^^^^^^^^^ - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - - 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 - -custom-media.css:2:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 1 │ @custom-media --small-viewport (max-width: 30em); - > 2 │ @custom-media --small-viewport (max-width:30em); - │ ^ - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - - i Expected a compound selector here. - - 1 │ @custom-media --small-viewport (max-width: 30em); - > 2 │ @custom-media --small-viewport (max-width:30em); - │ ^ - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - -custom-media.css:2:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `max-width` - - 1 │ @custom-media --small-viewport (max-width: 30em); - > 2 │ @custom-media --small-viewport (max-width:30em); - │ ^^^^^^^^^ - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - - i Remove max-width - -custom-media.css:2:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @custom-media --small-viewport (max-width: 30em); - > 2 │ @custom-media --small-viewport (max-width:30em); - │ ^^ - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - - 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 - -custom-media.css:2:45 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 1 │ @custom-media --small-viewport (max-width: 30em); - > 2 │ @custom-media --small-viewport (max-width:30em); - │ ^^ - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - - i Remove em - -custom-media.css:2:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 1 │ @custom-media --small-viewport (max-width: 30em); - > 2 │ @custom-media --small-viewport (max-width:30em); - │ ^ - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - - i Remove ) - -custom-media.css:2:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 1 │ @custom-media --small-viewport (max-width: 30em); - > 2 │ @custom-media --small-viewport (max-width:30em); - │ ^ - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - - i Remove ; - -custom-media.css:3:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @custom-media --small-viewport (max-width: 30em); - 2 │ @custom-media --small-viewport (max-width:30em); - > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - │ ^^^^^^^^^^^^ - 4 │ @custom-media --small-viewport - 5 │ (max-width: 30em); - - 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 - -custom-media.css:3:34 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 1 │ @custom-media --small-viewport (max-width: 30em); - 2 │ @custom-media --small-viewport (max-width:30em); - > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - │ ^ - 4 │ @custom-media --small-viewport - 5 │ (max-width: 30em); - - i Expected a compound selector here. - - 1 │ @custom-media --small-viewport (max-width: 30em); - 2 │ @custom-media --small-viewport (max-width:30em); - > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - │ ^ - 4 │ @custom-media --small-viewport - 5 │ (max-width: 30em); - -custom-media.css:3:37 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `max-width` - - 1 │ @custom-media --small-viewport (max-width: 30em); - 2 │ @custom-media --small-viewport (max-width:30em); - > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - │ ^^^^^^^^^ - 4 │ @custom-media --small-viewport - 5 │ (max-width: 30em); - - i Remove max-width - -custom-media.css:3:51 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @custom-media --small-viewport (max-width: 30em); - 2 │ @custom-media --small-viewport (max-width:30em); - > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - │ ^^ - 4 │ @custom-media --small-viewport - 5 │ (max-width: 30em); - - 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 - -custom-media.css:3:53 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 1 │ @custom-media --small-viewport (max-width: 30em); - 2 │ @custom-media --small-viewport (max-width:30em); - > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - │ ^^ - 4 │ @custom-media --small-viewport - 5 │ (max-width: 30em); - - i Remove em - -custom-media.css:3:57 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 1 │ @custom-media --small-viewport (max-width: 30em); - 2 │ @custom-media --small-viewport (max-width:30em); - > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - │ ^ - 4 │ @custom-media --small-viewport - 5 │ (max-width: 30em); - - i Remove ) - -custom-media.css:3:60 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 1 │ @custom-media --small-viewport (max-width: 30em); - 2 │ @custom-media --small-viewport (max-width:30em); - > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - │ ^ - 4 │ @custom-media --small-viewport - 5 │ (max-width: 30em); - - i Remove ; - -custom-media.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 2 │ @custom-media --small-viewport (max-width:30em); - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - > 4 │ @custom-media --small-viewport - │ ^^^^^^^^^^^^ - 5 │ (max-width: 30em); - 6 │ @custom-media - - 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 - -custom-media.css:5:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - > 5 │ (max-width: 30em); - │ ^ - 6 │ @custom-media - 7 │ --small-viewport - - i Expected a compound selector here. - - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - > 5 │ (max-width: 30em); - │ ^ - 6 │ @custom-media - 7 │ --small-viewport - -custom-media.css:5:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `max-width` - - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - > 5 │ (max-width: 30em); - │ ^^^^^^^^^ - 6 │ @custom-media - 7 │ --small-viewport - - i Remove max-width - -custom-media.css:5:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - > 5 │ (max-width: 30em); - │ ^^ - 6 │ @custom-media - 7 │ --small-viewport - - 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 - -custom-media.css:5:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - > 5 │ (max-width: 30em); - │ ^^ - 6 │ @custom-media - 7 │ --small-viewport - - i Remove em - -custom-media.css:5:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - > 5 │ (max-width: 30em); - │ ^ - 6 │ @custom-media - 7 │ --small-viewport - - i Remove ) - -custom-media.css:5:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 3 │ @custom-media --small-viewport ( max-width : 30em ) ; - 4 │ @custom-media --small-viewport - > 5 │ (max-width: 30em); - │ ^ - 6 │ @custom-media - 7 │ --small-viewport - - i Remove ; - -custom-media.css:6:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 4 │ @custom-media --small-viewport - 5 │ (max-width: 30em); - > 6 │ @custom-media - │ ^^^^^^^^^^^^ - 7 │ --small-viewport - 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 - -custom-media.css:8:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 6 │ @custom-media - 7 │ --small-viewport - > 8 │ ( - │ ^ - 9 │ max-width: 30em - 10 │ ); - - i Expected a compound selector here. - - 6 │ @custom-media - 7 │ --small-viewport - > 8 │ ( - │ ^ - 9 │ max-width: 30em - 10 │ ); - -custom-media.css:9:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 7 │ --small-viewport - 8 │ ( - > 9 │ max-width: 30em - │ ^^ - 10 │ ); - 11 │ @custom-media - - 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 - -custom-media.css:9:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 7 │ --small-viewport - 8 │ ( - > 9 │ max-width: 30em - │ ^^ - 10 │ ); - 11 │ @custom-media - - i Remove em - -custom-media.css:10:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 8 │ ( - 9 │ max-width: 30em - > 10 │ ); - │ ^ - 11 │ @custom-media - 12 │ --small-viewport - - i Remove ) - -custom-media.css:10:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 8 │ ( - 9 │ max-width: 30em - > 10 │ ); - │ ^ - 11 │ @custom-media - 12 │ --small-viewport - - i Remove ; - -custom-media.css:11:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 9 │ max-width: 30em - 10 │ ); - > 11 │ @custom-media - │ ^^^^^^^^^^^^ - 12 │ --small-viewport - 13 │ ( - - 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 - -custom-media.css:13:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 11 │ @custom-media - 12 │ --small-viewport - > 13 │ ( - │ ^ - 14 │ max-width - 15 │ : - - i Expected a compound selector here. - - 11 │ @custom-media - 12 │ --small-viewport - > 13 │ ( - │ ^ - 14 │ max-width - 15 │ : - -custom-media.css:16:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 14 │ max-width - 15 │ : - > 16 │ 30em - │ ^^ - 17 │ ) - 18 │ ; - - 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 - -custom-media.css:16:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 14 │ max-width - 15 │ : - > 16 │ 30em - │ ^^ - 17 │ ) - 18 │ ; - - i Remove em - -custom-media.css:17:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 15 │ : - 16 │ 30em - > 17 │ ) - │ ^ - 18 │ ; - 19 │ @custom-media - - i Remove ) - -custom-media.css:19:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 17 │ ) - 18 │ ; - > 19 │ @custom-media - │ ^^^^^^^^^^^^ - 20 │ - 21 │ --small-viewport - - 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 - -custom-media.css:23:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 21 │ --small-viewport - 22 │ - > 23 │ ( - │ ^ - 24 │ - 25 │ max-width - - i Expected a compound selector here. - - 21 │ --small-viewport - 22 │ - > 23 │ ( - │ ^ - 24 │ - 25 │ max-width - -custom-media.css:29:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 27 │ : - 28 │ - > 29 │ 30em - │ ^^ - 30 │ - 31 │ ) - - 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 - -custom-media.css:29:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 27 │ : - 28 │ - > 29 │ 30em - │ ^^ - 30 │ - 31 │ ) - - i Remove em - -custom-media.css:31:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 29 │ 30em - 30 │ - > 31 │ ) - │ ^ - 32 │ - 33 │ ; - - i Remove ) - -custom-media.css:34:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 33 │ ; - > 34 │ @custom-media --none not all; - │ ^^^^^^^^^^^^ - 35 │ @custom-media --none not all ; - 36 │ @custom-media --none - - 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 - -custom-media.css:34:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 33 │ ; - > 34 │ @custom-media --none not all; - │ ^ - 35 │ @custom-media --none not all ; - 36 │ @custom-media --none - - i Remove ; - -custom-media.css:35:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 33 │ ; - 34 │ @custom-media --none not all; - > 35 │ @custom-media --none not all ; - │ ^^^^^^^^^^^^ - 36 │ @custom-media --none - 37 │ not all; - - 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 - -custom-media.css:35:34 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 33 │ ; - 34 │ @custom-media --none not all; - > 35 │ @custom-media --none not all ; - │ ^ - 36 │ @custom-media --none - 37 │ not all; - - i Expected a compound selector here. - - 33 │ ; - 34 │ @custom-media --none not all; - > 35 │ @custom-media --none not all ; - │ ^ - 36 │ @custom-media --none - 37 │ not all; - -custom-media.css:36:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 34 │ @custom-media --none not all; - 35 │ @custom-media --none not all ; - > 36 │ @custom-media --none - │ ^^^^^^^^^^^^ - 37 │ not all; - 38 │ @custom-media --none - - 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 - -custom-media.css:37:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 35 │ @custom-media --none not all ; - 36 │ @custom-media --none - > 37 │ not all; - │ ^ - 38 │ @custom-media --none - 39 │ not - - i Remove ; - -custom-media.css:38:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 36 │ @custom-media --none - 37 │ not all; - > 38 │ @custom-media --none - │ ^^^^^^^^^^^^ - 39 │ not - 40 │ all; - - 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 - -custom-media.css:40:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 38 │ @custom-media --none - 39 │ not - > 40 │ all; - │ ^ - 41 │ @custom-media - 42 │ --none - - i Remove ; - -custom-media.css:41:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 39 │ not - 40 │ all; - > 41 │ @custom-media - │ ^^^^^^^^^^^^ - 42 │ --none - 43 │ not - - 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 - -custom-media.css:45:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 43 │ not - 44 │ all - > 45 │ ; - │ ^ - 46 │ @custom-media - 47 │ - - i Expected a compound selector here. - - 43 │ not - 44 │ all - > 45 │ ; - │ ^ - 46 │ @custom-media - 47 │ - -custom-media.css:46:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 44 │ all - 45 │ ; - > 46 │ @custom-media - │ ^^^^^^^^^^^^ - 47 │ - 48 │ --none - - 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 - -custom-media.css:54:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 52 │ all - 53 │ - > 54 │ ; - │ ^ - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - - i Expected a compound selector here. - - 52 │ all - 53 │ - > 54 │ ; - │ ^ - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - -custom-media.css:55:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^^^^^^^^^^^^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - 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 - -custom-media.css:55:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - i Expected a compound selector here. - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - -custom-media.css:55:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `min-width` - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^^^^^^^^^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - i Remove min-width - -custom-media.css:55:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^^^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - 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 - -custom-media.css:55:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - i Remove px - -custom-media.css:55:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - i Remove ) - -custom-media.css:55:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `and` - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^^^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - i Remove and - -custom-media.css:55:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - i Expected a compound selector here. - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - -custom-media.css:55:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `max-width` - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^^^^^^^^^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - i Remove max-width - -custom-media.css:55:59 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^^^^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - 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 - -custom-media.css:55:63 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - i Remove px - -custom-media.css:55:65 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - i Remove ) - -custom-media.css:55:66 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 54 │ ; - > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - │ ^ - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - - i Remove ; - -custom-media.css:56:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^^^^^^^^^^^^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - 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 - -custom-media.css:56:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - i Expected a compound selector here. - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - -custom-media.css:56:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `min-width` - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^^^^^^^^^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - i Remove min-width - -custom-media.css:56:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^^^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - 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 - -custom-media.css:56:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - i Remove px - -custom-media.css:56:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - i Remove ) - -custom-media.css:56:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `and` - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^^^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - i Remove and - -custom-media.css:56:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - i Expected a compound selector here. - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - -custom-media.css:56:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `max-width` - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^^^^^^^^^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - i Remove max-width - -custom-media.css:56:57 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^^^^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - 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 - -custom-media.css:56:61 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - i Remove px - -custom-media.css:56:63 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - i Remove ) - -custom-media.css:56:64 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 54 │ ; - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - │ ^ - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - - i Remove ; - -custom-media.css:57:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^^^^^^^^^^^^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - 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 - -custom-media.css:57:26 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - i Expected a compound selector here. - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - -custom-media.css:57:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `min-width` - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^^^^^^^^^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - i Remove min-width - -custom-media.css:57:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^^^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - 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 - -custom-media.css:57:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - i Remove px - -custom-media.css:57:50 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - i Remove ) - -custom-media.css:57:53 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `and` - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^^^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - i Remove and - -custom-media.css:57:58 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - i Expected a compound selector here. - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - -custom-media.css:57:61 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `max-width` - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^^^^^^^^^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - i Remove max-width - -custom-media.css:57:75 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^^^^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - 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 - -custom-media.css:57:79 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - i Remove px - -custom-media.css:57:83 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - i Remove ) - -custom-media.css:57:86 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - │ ^ - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - - i Remove ; - -custom-media.css:58:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - > 58 │ @custom-media --tablet - │ ^^^^^^^^^^^^ - 59 │ (min-width: 768px) and (max-width: 1279px); - 60 │ @custom-media - - 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 - -custom-media.css:59:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^ - 60 │ @custom-media - 61 │ --tablet - - i Expected a compound selector here. - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^ - 60 │ @custom-media - 61 │ --tablet - -custom-media.css:59:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `min-width` - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^^^^^^^^^ - 60 │ @custom-media - 61 │ --tablet - - i Remove min-width - -custom-media.css:59:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^^^ - 60 │ @custom-media - 61 │ --tablet - - 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 - -custom-media.css:59:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^^ - 60 │ @custom-media - 61 │ --tablet - - i Remove px - -custom-media.css:59:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^ - 60 │ @custom-media - 61 │ --tablet - - i Remove ) - -custom-media.css:59:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `and` - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^^^ - 60 │ @custom-media - 61 │ --tablet - - i Remove and - -custom-media.css:59:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^ - 60 │ @custom-media - 61 │ --tablet - - i Expected a compound selector here. - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^ - 60 │ @custom-media - 61 │ --tablet - -custom-media.css:59:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `max-width` - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^^^^^^^^^ - 60 │ @custom-media - 61 │ --tablet - - i Remove max-width - -custom-media.css:59:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^^^^ - 60 │ @custom-media - 61 │ --tablet - - 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 - -custom-media.css:59:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^^ - 60 │ @custom-media - 61 │ --tablet - - i Remove px - -custom-media.css:59:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^ - 60 │ @custom-media - 61 │ --tablet - - i Remove ) - -custom-media.css:59:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; - 58 │ @custom-media --tablet - > 59 │ (min-width: 768px) and (max-width: 1279px); - │ ^ - 60 │ @custom-media - 61 │ --tablet - - i Remove ; - -custom-media.css:60:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 58 │ @custom-media --tablet - 59 │ (min-width: 768px) and (max-width: 1279px); - > 60 │ @custom-media - │ ^^^^^^^^^^^^ - 61 │ --tablet - 62 │ (min-width: 768px) and - - 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 - -custom-media.css:62:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 60 │ @custom-media - 61 │ --tablet - > 62 │ (min-width: 768px) and - │ ^ - 63 │ (max-width: 1279px); - 64 │ @custom-media - - i Expected a compound selector here. - - 60 │ @custom-media - 61 │ --tablet - > 62 │ (min-width: 768px) and - │ ^ - 63 │ (max-width: 1279px); - 64 │ @custom-media - -custom-media.css:62:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `min-width` - - 60 │ @custom-media - 61 │ --tablet - > 62 │ (min-width: 768px) and - │ ^^^^^^^^^ - 63 │ (max-width: 1279px); - 64 │ @custom-media - - i Remove min-width - -custom-media.css:62:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 60 │ @custom-media - 61 │ --tablet - > 62 │ (min-width: 768px) and - │ ^^^ - 63 │ (max-width: 1279px); - 64 │ @custom-media - - 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 - -custom-media.css:62:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 60 │ @custom-media - 61 │ --tablet - > 62 │ (min-width: 768px) and - │ ^^ - 63 │ (max-width: 1279px); - 64 │ @custom-media - - i Remove px - -custom-media.css:62:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 60 │ @custom-media - 61 │ --tablet - > 62 │ (min-width: 768px) and - │ ^ - 63 │ (max-width: 1279px); - 64 │ @custom-media - - i Remove ) - -custom-media.css:62:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `and` - - 60 │ @custom-media - 61 │ --tablet - > 62 │ (min-width: 768px) and - │ ^^^ - 63 │ (max-width: 1279px); - 64 │ @custom-media - - i Remove and - -custom-media.css:63:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 61 │ --tablet - 62 │ (min-width: 768px) and - > 63 │ (max-width: 1279px); - │ ^ - 64 │ @custom-media - 65 │ --tablet - - i Expected a compound selector here. - - 61 │ --tablet - 62 │ (min-width: 768px) and - > 63 │ (max-width: 1279px); - │ ^ - 64 │ @custom-media - 65 │ --tablet - -custom-media.css:63:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `max-width` - - 61 │ --tablet - 62 │ (min-width: 768px) and - > 63 │ (max-width: 1279px); - │ ^^^^^^^^^ - 64 │ @custom-media - 65 │ --tablet - - i Remove max-width - -custom-media.css:63:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 61 │ --tablet - 62 │ (min-width: 768px) and - > 63 │ (max-width: 1279px); - │ ^^^^ - 64 │ @custom-media - 65 │ --tablet - - 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 - -custom-media.css:63:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 61 │ --tablet - 62 │ (min-width: 768px) and - > 63 │ (max-width: 1279px); - │ ^^ - 64 │ @custom-media - 65 │ --tablet - - i Remove px - -custom-media.css:63:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 61 │ --tablet - 62 │ (min-width: 768px) and - > 63 │ (max-width: 1279px); - │ ^ - 64 │ @custom-media - 65 │ --tablet - - i Remove ) - -custom-media.css:63:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 61 │ --tablet - 62 │ (min-width: 768px) and - > 63 │ (max-width: 1279px); - │ ^ - 64 │ @custom-media - 65 │ --tablet - - i Remove ; - -custom-media.css:64:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 62 │ (min-width: 768px) and - 63 │ (max-width: 1279px); - > 64 │ @custom-media - │ ^^^^^^^^^^^^ - 65 │ --tablet - 66 │ ( - - 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 - -custom-media.css:66:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 64 │ @custom-media - 65 │ --tablet - > 66 │ ( - │ ^ - 67 │ min-width - 68 │ : - - i Expected a compound selector here. - - 64 │ @custom-media - 65 │ --tablet - > 66 │ ( - │ ^ - 67 │ min-width - 68 │ : - -custom-media.css:69:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 67 │ min-width - 68 │ : - > 69 │ 768px - │ ^^^ - 70 │ ) - 71 │ and - - 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 - -custom-media.css:69:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 67 │ min-width - 68 │ : - > 69 │ 768px - │ ^^ - 70 │ ) - 71 │ and - - i Remove px - -custom-media.css:70:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 68 │ : - 69 │ 768px - > 70 │ ) - │ ^ - 71 │ and - 72 │ ( - - i Remove ) - -custom-media.css:72:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 70 │ ) - 71 │ and - > 72 │ ( - │ ^ - 73 │ max-width - 74 │ : - - i Expected a compound selector here. - - 70 │ ) - 71 │ and - > 72 │ ( - │ ^ - 73 │ max-width - 74 │ : - -custom-media.css:75:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 73 │ max-width - 74 │ : - > 75 │ 1279px - │ ^^^^ - 76 │ ) - 77 │ ; - - 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 - -custom-media.css:75:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 73 │ max-width - 74 │ : - > 75 │ 1279px - │ ^^ - 76 │ ) - 77 │ ; - - i Remove px - -custom-media.css:76:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 74 │ : - 75 │ 1279px - > 76 │ ) - │ ^ - 77 │ ; - 78 │ @custom-media - - i Remove ) - -custom-media.css:78:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 76 │ ) - 77 │ ; - > 78 │ @custom-media - │ ^^^^^^^^^^^^ - 79 │ - 80 │ --tablet - - 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 - -custom-media.css:82:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 80 │ --tablet - 81 │ - > 82 │ ( - │ ^ - 83 │ - 84 │ min-width - - i Expected a compound selector here. - - 80 │ --tablet - 81 │ - > 82 │ ( - │ ^ - 83 │ - 84 │ min-width - -custom-media.css:88:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 86 │ : - 87 │ - > 88 │ 768px - │ ^^^ - 89 │ - 90 │ ) - - 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 - -custom-media.css:88:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 86 │ : - 87 │ - > 88 │ 768px - │ ^^ - 89 │ - 90 │ ) - - i Remove px - -custom-media.css:90:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 88 │ 768px - 89 │ - > 90 │ ) - │ ^ - 91 │ - 92 │ and - - i Remove ) - -custom-media.css:94:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 92 │ and - 93 │ - > 94 │ ( - │ ^ - 95 │ - 96 │ max-width - - i Expected a compound selector here. - - 92 │ and - 93 │ - > 94 │ ( - │ ^ - 95 │ - 96 │ max-width - -custom-media.css:100:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 98 │ : - 99 │ - > 100 │ 1279px - │ ^^^^ - 101 │ - 102 │ ) - - 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 - -custom-media.css:100:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 98 │ : - 99 │ - > 100 │ 1279px - │ ^^ - 101 │ - 102 │ ) - - i Remove px - -custom-media.css:102:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 100 │ 1279px - 101 │ - > 102 │ ) - │ ^ - 103 │ - 104 │ ; - - i Remove ) - - +); ``` # Lines exceeding max width of 80 characters ``` - 79: custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) + 44: @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ); ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/custom-selector.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/custom-selector.css.snap index cbc1fa0c6f1b..e92925f1806a 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/custom-selector.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/custom-selector.css.snap @@ -78,8 +78,8 @@ h6 ```diff --- Prettier +++ Biome -@@ -1,48 +1,146 @@ --@custom-selector :--heading h1, h2, h3, h4, h5, h6; +@@ -1,48 +1,57 @@ + @custom-selector :--heading h1, h2, h3, h4, h5, h6; -@custom-selector :--heading h1, h2, h3, h4, h5, h6; -@custom-selector :--heading h1, h2, h3, h4, h5, h6; -@custom-selector :--heading h1, h2, h3, h4, h5, h6; @@ -87,44 +87,48 @@ h6 -@custom-selector :--heading h1, h2, h3, h4, h5, h6; -@custom-selector :--heading h1, h2, h3, h4, h5, h6; -@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name -+@ -+custom-selector :--heading h1, -+h2, -+h3, -+h4, -+h5, -+h6 -+; -+@ -+custom-selector :--heading h1, -+h2, -+h3, -+h4, -+h5, -+h6 -+; -+@ -+custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 -+; -+@ -+custom-selector :--heading h1, -+h2, -+h3, -+h4, -+h5, -+h6 -+; -+@ -+custom-selector :--heading h1, -+h2, -+h3, -+h4, -+h5, -+h6 -+; -+@ -+custom-selector -+:--heading +- h1, +- h2, +- h3, +- h4, +- h5, +- h6; +-@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name +- h1 + h1, +- h2, +- h3, +- h4, +- h5, +- h6; +-@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name +- .very-very-very-very-very-very-very-very-very-long-selector-name +- + very-very-very-very-very-very-very-very-very-long-selector-name-other, +- h2, +- h3, +- h4, +- h5, +- h6; +-@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name +- h1 h1, +- h2, +- h3, +- h4, +- h5, +- h6; ++@custom-selector :--heading h1,h2,h3,h4,h5,h6; ++@custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6; ++@custom-selector :--heading ++ h1, h2, h3, h4, h5, h6; ++@custom-selector :--heading ++ h1, ++ h2, ++ h3, ++ h4, ++ h5, ++ h6; + @custom-selector :--heading +- .very-very-very-very-very-very-very-very-very-very-long-class-name, +- .very-very-very-very-very-very-very-very-very-very-long-class-name-other; +h1 +, +h2 @@ -135,12 +139,8 @@ h6 +, +h5 +, -+h6 -+; -+@ -+custom-selector -+ -+:--heading ++h6; ++@custom-selector :--heading + +h1 + @@ -162,157 +162,41 @@ h6 + +, + -+h6 -+; -+@ -+custom-selector -+ :--very-very-very-very-very-very-very-very-very-long-selector-name - h1, -- h2, -- h3, -- h4, -- h5, -- h6; --@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name -- h1 + h1, -- h2, -- h3, -- h4, -- h5, -- h6; --@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name -+h2, -+h3, -+h4, -+h5, -+h6 -+; -+@ -+custom-selector -+ :--very-very-very-very-very-very-very-very-very-long-selector-name -+ h1 -+ + h1, -+h2, -+h3, -+h4, -+h5, -+h6 -+; -+@ -+custom-selector -+ :--very-very-very-very-very-very-very-very-very-long-selector-name - .very-very-very-very-very-very-very-very-very-long-selector-name -- + very-very-very-very-very-very-very-very-very-long-selector-name-other, -- h2, -- h3, -- h4, -- h5, -- h6; --@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name -- h1 h1, -- h2, -- h3, -- h4, -- h5, -- h6; --@custom-selector :--heading -+ + very-very-very-very-very-very-very-very-very-long-selector-name-other, -+h2, -+h3, -+h4, -+h5, -+h6 -+; -+@ -+custom-selector -+ :--very-very-very-very-very-very-very-very-very-long-selector-name -+ h1 -+ h1, -+h2, -+h3, -+h4, -+h5, -+h6 -+; -+@ -+custom-selector -+ :--heading - .very-very-very-very-very-very-very-very-very-very-long-class-name, -- .very-very-very-very-very-very-very-very-very-very-long-class-name-other; --@custom-selector :--enter :hover, :focus; --@custom-selector :--visible :global.visible; ++h6; ++@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; ++@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; ++@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; ++@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; ++@custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; + @custom-selector :--enter :hover, :focus; + @custom-selector :--visible :global.visible; -@custom-selector :--icon i[class^="icon-"], i[class*=" icon-"]; -@custom-selector :--placeholder - :placehoder-shown, - ::-webkit-input-placeholder, - ::-moz-placeholder, - :-ms-input-placeholder; --@custom-selector :--enter :matches(:hover, :focus, :active); -+.very-very-very-very-very-very-very-very-very-very-long-class-name-other -+; -+@ -+custom-selector :--enter :hover, -+:focus -+; -+@ -+custom-selector :--visible :global.visible -+; -+@ -+custom-selector :--icon i[class^="icon-"], -+i[class*=" icon-"] -+; -+@ -+custom-selector :--placeholder :placehoder-shown, -+::-webkit-input-placeholder, -+::-moz-placeholder, -+:-ms-input-placeholder -+; -+@ -+custom-selector :--enter :matches(:hover, :focus, :active) -+; ++@custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; ++@custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; + @custom-selector :--enter :matches(:hover, :focus, :active); ``` # Output ```css -@ -custom-selector :--heading h1, -h2, -h3, -h4, -h5, -h6 -; -@ -custom-selector :--heading h1, -h2, -h3, -h4, -h5, -h6 -; -@ -custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 -; -@ -custom-selector :--heading h1, -h2, -h3, -h4, -h5, -h6 -; -@ -custom-selector :--heading h1, -h2, -h3, -h4, -h5, -h6 -; -@ -custom-selector -:--heading +@custom-selector :--heading h1, h2, h3, h4, h5, h6; +@custom-selector :--heading h1,h2,h3,h4,h5,h6; +@custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6; +@custom-selector :--heading + h1, h2, h3, h4, h5, h6; +@custom-selector :--heading + h1, + h2, + h3, + h4, + h5, + h6; +@custom-selector :--heading h1 , h2 @@ -323,12 +207,8 @@ h4 , h5 , -h6 -; -@ -custom-selector - -:--heading +h6; +@custom-selector :--heading h1 @@ -350,856 +230,25 @@ h5 , -h6 -; -@ -custom-selector - :--very-very-very-very-very-very-very-very-very-long-selector-name - h1, -h2, -h3, -h4, -h5, -h6 -; -@ -custom-selector - :--very-very-very-very-very-very-very-very-very-long-selector-name - h1 - + h1, -h2, -h3, -h4, -h5, -h6 -; -@ -custom-selector - :--very-very-very-very-very-very-very-very-very-long-selector-name - .very-very-very-very-very-very-very-very-very-long-selector-name - + very-very-very-very-very-very-very-very-very-long-selector-name-other, -h2, -h3, -h4, -h5, -h6 -; -@ -custom-selector - :--very-very-very-very-very-very-very-very-very-long-selector-name - h1 - h1, -h2, -h3, -h4, -h5, -h6 -; -@ -custom-selector - :--heading - .very-very-very-very-very-very-very-very-very-very-long-class-name, -.very-very-very-very-very-very-very-very-very-very-long-class-name-other -; -@ -custom-selector :--enter :hover, -:focus -; -@ -custom-selector :--visible :global.visible -; -@ -custom-selector :--icon i[class^="icon-"], -i[class*=" icon-"] -; -@ -custom-selector :--placeholder :placehoder-shown, -::-webkit-input-placeholder, -::-moz-placeholder, -:-ms-input-placeholder -; -@ -custom-selector :--enter :matches(:hover, :focus, :active) -; +h6; +@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; +@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; +@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; +@custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; +@custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; +@custom-selector :--enter :hover, :focus; +@custom-selector :--visible :global.visible; +@custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; +@custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; +@custom-selector :--enter :matches(:hover, :focus, :active); ``` -# Errors +# Lines exceeding max width of 80 characters ``` -custom-selector.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @custom-selector :--heading h1, h2, h3, h4, h5, h6; - │ ^^^^^^^^^^^^^^^ - 2 │ @custom-selector :--heading h1,h2,h3,h4,h5,h6; - 3 │ @custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 ; - - 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 - -custom-selector.css:1:51 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - > 1 │ @custom-selector :--heading h1, h2, h3, h4, h5, h6; - │ ^ - 2 │ @custom-selector :--heading h1,h2,h3,h4,h5,h6; - 3 │ @custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 ; - - i Remove ; - -custom-selector.css:2:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @custom-selector :--heading h1, h2, h3, h4, h5, h6; - > 2 │ @custom-selector :--heading h1,h2,h3,h4,h5,h6; - │ ^^^^^^^^^^^^^^^ - 3 │ @custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 ; - 4 │ @custom-selector :--heading - - 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 - -custom-selector.css:2:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 1 │ @custom-selector :--heading h1, h2, h3, h4, h5, h6; - > 2 │ @custom-selector :--heading h1,h2,h3,h4,h5,h6; - │ ^ - 3 │ @custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 ; - 4 │ @custom-selector :--heading - - i Remove ; - -custom-selector.css:3:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @custom-selector :--heading h1, h2, h3, h4, h5, h6; - 2 │ @custom-selector :--heading h1,h2,h3,h4,h5,h6; - > 3 │ @custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 ; - │ ^^^^^^^^^^^^^^^ - 4 │ @custom-selector :--heading - 5 │ h1, h2, h3, h4, h5, h6; - - 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 - -custom-selector.css:3:70 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 1 │ @custom-selector :--heading h1, h2, h3, h4, h5, h6; - 2 │ @custom-selector :--heading h1,h2,h3,h4,h5,h6; - > 3 │ @custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 ; - │ ^ - 4 │ @custom-selector :--heading - 5 │ h1, h2, h3, h4, h5, h6; - - i Expected a compound selector here. - - 1 │ @custom-selector :--heading h1, h2, h3, h4, h5, h6; - 2 │ @custom-selector :--heading h1,h2,h3,h4,h5,h6; - > 3 │ @custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 ; - │ ^ - 4 │ @custom-selector :--heading - 5 │ h1, h2, h3, h4, h5, h6; - -custom-selector.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 2 │ @custom-selector :--heading h1,h2,h3,h4,h5,h6; - 3 │ @custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 ; - > 4 │ @custom-selector :--heading - │ ^^^^^^^^^^^^^^^ - 5 │ h1, h2, h3, h4, h5, h6; - 6 │ @custom-selector - - 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 - -custom-selector.css:5:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 3 │ @custom-selector :--heading h1 , h2 , h3 , h4 , h5 , h6 ; - 4 │ @custom-selector :--heading - > 5 │ h1, h2, h3, h4, h5, h6; - │ ^ - 6 │ @custom-selector - 7 │ :--heading - - i Remove ; - -custom-selector.css:6:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 4 │ @custom-selector :--heading - 5 │ h1, h2, h3, h4, h5, h6; - > 6 │ @custom-selector - │ ^^^^^^^^^^^^^^^ - 7 │ :--heading - 8 │ h1, - - 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 - -custom-selector.css:13:7 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 11 │ h4, - 12 │ h5, - > 13 │ h6; - │ ^ - 14 │ @custom-selector - 15 │ :--heading - - i Remove ; - -custom-selector.css:14:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 12 │ h5, - 13 │ h6; - > 14 │ @custom-selector - │ ^^^^^^^^^^^^^^^ - 15 │ :--heading - 16 │ h1 - - 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 - -custom-selector.css:27:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 25 │ , - 26 │ h6 - > 27 │ ; - │ ^ - 28 │ @custom-selector - 29 │ - - i Expected a compound selector here. - - 25 │ , - 26 │ h6 - > 27 │ ; - │ ^ - 28 │ @custom-selector - 29 │ - -custom-selector.css:28:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 26 │ h6 - 27 │ ; - > 28 │ @custom-selector - │ ^^^^^^^^^^^^^^^ - 29 │ - 30 │ :--heading - - 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 - -custom-selector.css:54:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 52 │ h6 - 53 │ - > 54 │ ; - │ ^ - 55 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; - 56 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; - - i Expected a compound selector here. - - 52 │ h6 - 53 │ - > 54 │ ; - │ ^ - 55 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; - 56 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; - -custom-selector.css:55:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 54 │ ; - > 55 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; - │ ^^^^^^^^^^^^^^^ - 56 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; - 57 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; - - 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 - -custom-selector.css:55:107 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 54 │ ; - > 55 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; - │ ^ - 56 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; - 57 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; - - i Remove ; - -custom-selector.css:56:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 54 │ ; - 55 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; - > 56 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; - │ ^^^^^^^^^^^^^^^ - 57 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; - 58 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; - - 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 - -custom-selector.css:56:112 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 54 │ ; - 55 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; - > 56 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; - │ ^ - 57 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; - 58 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; - - i Remove ; - -custom-selector.css:57:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 55 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; - 56 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; - > 57 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; - │ ^^^^^^^^^^^^^^^ - 58 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; - 59 │ @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; - - 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 - -custom-selector.css:57:241 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 55 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; - 56 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; - > 57 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; - │ ^ - 58 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; - 59 │ @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; - - i Remove ; - -custom-selector.css:58:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 56 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; - 57 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; - > 58 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; - │ ^^^^^^^^^^^^^^^ - 59 │ @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; - 60 │ @custom-selector :--enter :hover, :focus; - - 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 - -custom-selector.css:58:110 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 56 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; - 57 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; - > 58 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; - │ ^ - 59 │ @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; - 60 │ @custom-selector :--enter :hover, :focus; - - i Remove ; - -custom-selector.css:59:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 57 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; - 58 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; - > 59 │ @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; - │ ^^^^^^^^^^^^^^^ - 60 │ @custom-selector :--enter :hover, :focus; - 61 │ @custom-selector :--visible :global.visible; - - 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 - -custom-selector.css:59:169 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 57 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; - 58 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; - > 59 │ @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; - │ ^ - 60 │ @custom-selector :--enter :hover, :focus; - 61 │ @custom-selector :--visible :global.visible; - - i Remove ; - -custom-selector.css:60:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 58 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; - 59 │ @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; - > 60 │ @custom-selector :--enter :hover, :focus; - │ ^^^^^^^^^^^^^^^ - 61 │ @custom-selector :--visible :global.visible; - 62 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - - 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 - -custom-selector.css:60:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 58 │ @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; - 59 │ @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; - > 60 │ @custom-selector :--enter :hover, :focus; - │ ^ - 61 │ @custom-selector :--visible :global.visible; - 62 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - - i Remove ; - -custom-selector.css:61:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 59 │ @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; - 60 │ @custom-selector :--enter :hover, :focus; - > 61 │ @custom-selector :--visible :global.visible; - │ ^^^^^^^^^^^^^^^ - 62 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - 63 │ @custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; - - 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 - -custom-selector.css:61:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 59 │ @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; - 60 │ @custom-selector :--enter :hover, :focus; - > 61 │ @custom-selector :--visible :global.visible; - │ ^ - 62 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - 63 │ @custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; - - i Remove ; - -custom-selector.css:62:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 60 │ @custom-selector :--enter :hover, :focus; - 61 │ @custom-selector :--visible :global.visible; - > 62 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - │ ^^^^^^^^^^^^^^^ - 63 │ @custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; - 64 │ @custom-selector :--enter :matches(:hover, :focus, :active); - - 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 - -custom-selector.css:62:63 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 60 │ @custom-selector :--enter :hover, :focus; - 61 │ @custom-selector :--visible :global.visible; - > 62 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - │ ^ - 63 │ @custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; - 64 │ @custom-selector :--enter :matches(:hover, :focus, :active); - - i Remove ; - -custom-selector.css:63:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 61 │ @custom-selector :--visible :global.visible; - 62 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - > 63 │ @custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; - │ ^^^^^^^^^^^^^^^ - 64 │ @custom-selector :--enter :matches(:hover, :focus, :active); - 65 │ - - 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 - -custom-selector.css:63:123 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 61 │ @custom-selector :--visible :global.visible; - 62 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - > 63 │ @custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; - │ ^ - 64 │ @custom-selector :--enter :matches(:hover, :focus, :active); - 65 │ - - i Remove ; - -custom-selector.css:64:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 62 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - 63 │ @custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; - > 64 │ @custom-selector :--enter :matches(:hover, :focus, :active); - │ ^^^^^^^^^^^^^^^ - 65 │ - - 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 - -custom-selector.css:64:60 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 62 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - 63 │ @custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; - > 64 │ @custom-selector :--enter :matches(:hover, :focus, :active); - │ ^ - 65 │ - - i Remove ; - - + 48: @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1, h2, h3, h4, h5, h6; + 49: @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 + h1, h2, h3, h4, h5, h6; + 50: @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name .very-very-very-very-very-very-very-very-very-long-selector-name + very-very-very-very-very-very-very-very-very-long-selector-name-other, h2, h3, h4, h5, h6; + 51: @custom-selector :--very-very-very-very-very-very-very-very-very-long-selector-name h1 h1, h2, h3, h4, h5, h6; + 52: @custom-selector :--heading .very-very-very-very-very-very-very-very-very-very-long-class-name, .very-very-very-very-very-very-very-very-very-very-long-class-name-other; + 56: @custom-selector :--placeholder :placehoder-shown, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder; ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/debug.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/debug.css.snap index e50456933a1c..d2d14312b6e7 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/debug.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/debug.css.snap @@ -36,802 +36,51 @@ info: css/atrule/debug.css ```diff --- Prettier +++ Biome -@@ -1,8 +1,34 @@ --@debug 10em + 12em; --@debug 10em+12em; +@@ -1,8 +1,15 @@ + @debug 10em + 12em; + @debug 10em+12em; -@debug 10em + 12em; -@debug 10em + 12em; -@debug 10em + 12em; -@debug 10em + 12em; -@debug $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var + - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var; -+@ -+debug 10em + 12em -+; -+@ -+debug 10em+12em -+; -+@ -+debug 10em + 12em -+; -+@ -+debug 10em ++@debug 10em + 12em; ++@debug 10em + + -+ 12em -+; -+@ -+debug -+10em ++ 12em; ++@debug 10em ++ -+12em -+; -+@ -+debug -+ -+10em ++12em; ++@debug 10em + ++ + -+12em -+; -+@ -+debug -+ $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var -+ + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var -+; ++12em; ++@debug $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var; ``` # Output ```css -@ -debug 10em + 12em -; -@ -debug 10em+12em -; -@ -debug 10em + 12em -; -@ -debug 10em +@debug 10em + 12em; +@debug 10em+12em; +@debug 10em + 12em; +@debug 10em + - 12em -; -@ -debug -10em + 12em; +@debug 10em + -12em -; -@ -debug - -10em +12em; +@debug 10em + -12em -; -@ -debug - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var -; -``` - -# Errors -``` -debug.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @debug 10em + 12em; - │ ^^^^^ - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - - 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 - -debug.css:1:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '10'. - - > 1 │ @debug 10em + 12em; - │ ^^ - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - - i Expected a compound selector here. - - > 1 │ @debug 10em + 12em; - │ ^^ - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - -debug.css:1:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - > 1 │ @debug 10em + 12em; - │ ^^ - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - - i Remove em - -debug.css:1:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '12'. - - > 1 │ @debug 10em + 12em; - │ ^^ - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - - i Expected a compound selector here. - - > 1 │ @debug 10em + 12em; - │ ^^ - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - -debug.css:1:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - > 1 │ @debug 10em + 12em; - │ ^^ - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - - i Remove em - -debug.css:1:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - > 1 │ @debug 10em + 12em; - │ ^ - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - - i Remove ; - -debug.css:2:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @debug 10em + 12em; - > 2 │ @debug 10em+12em; - │ ^^^^^ - 3 │ @debug 10em + 12em ; - 4 │ @debug 10em - - 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 - -debug.css:2:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '10'. - - 1 │ @debug 10em + 12em; - > 2 │ @debug 10em+12em; - │ ^^ - 3 │ @debug 10em + 12em ; - 4 │ @debug 10em - - i Expected a compound selector here. - - 1 │ @debug 10em + 12em; - > 2 │ @debug 10em+12em; - │ ^^ - 3 │ @debug 10em + 12em ; - 4 │ @debug 10em - -debug.css:2:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 1 │ @debug 10em + 12em; - > 2 │ @debug 10em+12em; - │ ^^ - 3 │ @debug 10em + 12em ; - 4 │ @debug 10em - - i Remove em - -debug.css:2:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `+12` - - 1 │ @debug 10em + 12em; - > 2 │ @debug 10em+12em; - │ ^^^ - 3 │ @debug 10em + 12em ; - 4 │ @debug 10em - - i Remove +12 - -debug.css:2:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 1 │ @debug 10em + 12em; - > 2 │ @debug 10em+12em; - │ ^^ - 3 │ @debug 10em + 12em ; - 4 │ @debug 10em - - i Remove em - -debug.css:2:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 1 │ @debug 10em + 12em; - > 2 │ @debug 10em+12em; - │ ^ - 3 │ @debug 10em + 12em ; - 4 │ @debug 10em - - i Remove ; - -debug.css:3:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @debug 10em + 12em; - 2 │ @debug 10em+12em; - > 3 │ @debug 10em + 12em ; - │ ^^^^^ - 4 │ @debug 10em - 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 - -debug.css:3:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '10'. - - 1 │ @debug 10em + 12em; - 2 │ @debug 10em+12em; - > 3 │ @debug 10em + 12em ; - │ ^^ - 4 │ @debug 10em - 5 │ + - - i Expected a compound selector here. - - 1 │ @debug 10em + 12em; - 2 │ @debug 10em+12em; - > 3 │ @debug 10em + 12em ; - │ ^^ - 4 │ @debug 10em - 5 │ + - -debug.css:3:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 1 │ @debug 10em + 12em; - 2 │ @debug 10em+12em; - > 3 │ @debug 10em + 12em ; - │ ^^ - 4 │ @debug 10em - 5 │ + - - i Remove em - -debug.css:3:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '12'. - - 1 │ @debug 10em + 12em; - 2 │ @debug 10em+12em; - > 3 │ @debug 10em + 12em ; - │ ^^ - 4 │ @debug 10em - 5 │ + - - i Expected a compound selector here. - - 1 │ @debug 10em + 12em; - 2 │ @debug 10em+12em; - > 3 │ @debug 10em + 12em ; - │ ^^ - 4 │ @debug 10em - 5 │ + - -debug.css:3:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 1 │ @debug 10em + 12em; - 2 │ @debug 10em+12em; - > 3 │ @debug 10em + 12em ; - │ ^^ - 4 │ @debug 10em - 5 │ + - - i Remove em - -debug.css:3:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 1 │ @debug 10em + 12em; - 2 │ @debug 10em+12em; - > 3 │ @debug 10em + 12em ; - │ ^ - 4 │ @debug 10em - 5 │ + - - i Expected a compound selector here. - - 1 │ @debug 10em + 12em; - 2 │ @debug 10em+12em; - > 3 │ @debug 10em + 12em ; - │ ^ - 4 │ @debug 10em - 5 │ + - -debug.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - > 4 │ @debug 10em - │ ^^^^^ - 5 │ + - 6 │ 12em - - 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 - -debug.css:4:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '10'. - - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - > 4 │ @debug 10em - │ ^^ - 5 │ + - 6 │ 12em - - i Expected a compound selector here. - - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - > 4 │ @debug 10em - │ ^^ - 5 │ + - 6 │ 12em - -debug.css:4:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 2 │ @debug 10em+12em; - 3 │ @debug 10em + 12em ; - > 4 │ @debug 10em - │ ^^ - 5 │ + - 6 │ 12em - - i Remove em - -debug.css:6:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '12'. - - 4 │ @debug 10em - 5 │ + - > 6 │ 12em - │ ^^ - 7 │ ; - 8 │ @debug - - i Expected a compound selector here. - - 4 │ @debug 10em - 5 │ + - > 6 │ 12em - │ ^^ - 7 │ ; - 8 │ @debug - -debug.css:6:7 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 4 │ @debug 10em - 5 │ + - > 6 │ 12em - │ ^^ - 7 │ ; - 8 │ @debug - - i Remove em - -debug.css:7:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 5 │ + - 6 │ 12em - > 7 │ ; - │ ^ - 8 │ @debug - 9 │ 10em - - i Expected a compound selector here. - - 5 │ + - 6 │ 12em - > 7 │ ; - │ ^ - 8 │ @debug - 9 │ 10em - -debug.css:8:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 6 │ 12em - 7 │ ; - > 8 │ @debug - │ ^^^^^ - 9 │ 10em - 10 │ + - - 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 - -debug.css:9:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '10'. - - 7 │ ; - 8 │ @debug - > 9 │ 10em - │ ^^ - 10 │ + - 11 │ 12em - - i Expected a compound selector here. - - 7 │ ; - 8 │ @debug - > 9 │ 10em - │ ^^ - 10 │ + - 11 │ 12em - -debug.css:9:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 7 │ ; - 8 │ @debug - > 9 │ 10em - │ ^^ - 10 │ + - 11 │ 12em - - i Remove em - -debug.css:11:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '12'. - - 9 │ 10em - 10 │ + - > 11 │ 12em - │ ^^ - 12 │ ; - 13 │ @debug - - i Expected a compound selector here. - - 9 │ 10em - 10 │ + - > 11 │ 12em - │ ^^ - 12 │ ; - 13 │ @debug - -debug.css:11:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 9 │ 10em - 10 │ + - > 11 │ 12em - │ ^^ - 12 │ ; - 13 │ @debug - - i Remove em - -debug.css:12:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 10 │ + - 11 │ 12em - > 12 │ ; - │ ^ - 13 │ @debug - 14 │ - - i Expected a compound selector here. - - 10 │ + - 11 │ 12em - > 12 │ ; - │ ^ - 13 │ @debug - 14 │ - -debug.css:13:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 11 │ 12em - 12 │ ; - > 13 │ @debug - │ ^^^^^ - 14 │ - 15 │ 10em - - 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 - -debug.css:15:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '10'. - - 13 │ @debug - 14 │ - > 15 │ 10em - │ ^^ - 16 │ - 17 │ + - - i Expected a compound selector here. - - 13 │ @debug - 14 │ - > 15 │ 10em - │ ^^ - 16 │ - 17 │ + - -debug.css:15:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 13 │ @debug - 14 │ - > 15 │ 10em - │ ^^ - 16 │ - 17 │ + - - i Remove em - -debug.css:19:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '12'. - - 17 │ + - 18 │ - > 19 │ 12em - │ ^^ - 20 │ - 21 │ ; - - i Expected a compound selector here. - - 17 │ + - 18 │ - > 19 │ 12em - │ ^^ - 20 │ - 21 │ ; - -debug.css:19:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `em` - - 17 │ + - 18 │ - > 19 │ 12em - │ ^^ - 20 │ - 21 │ ; - - i Remove em - -debug.css:21:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 19 │ 12em - 20 │ - > 21 │ ; - │ ^ - 22 │ @debug $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var; - 23 │ - - i Expected a compound selector here. - - 19 │ 12em - 20 │ - > 21 │ ; - │ ^ - 22 │ @debug $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var; - 23 │ - -debug.css:22:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 21 │ ; - > 22 │ @debug $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var; - │ ^^^^^ - 23 │ - - 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 - -debug.css:22:179 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 21 │ ; - > 22 │ @debug $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var; - │ ^ - 23 │ - - i Remove ; - - +12em; +@debug $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var; ``` # Lines exceeding max width of 80 characters ``` - 32: $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - 33: + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var + 15: @debug $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var; ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/each.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/each.css.snap index 2c4725b88912..f225cd32afd3 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/each.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/each.css.snap @@ -231,222 +231,186 @@ h3 ```diff --- Prettier +++ Biome -@@ -1,69 +1,234 @@ --@each $animal in puma, sea-slug, egret, salamander { -+@ -+each $animal in puma, -+sea-slug, -+egret, -+salamander { +@@ -1,69 +1,210 @@ + @each $animal in puma, sea-slug, egret, salamander { } -@each $animal in puma, sea-slug, egret, salamander { -+@ -+each $animal in puma, -+sea-slug, -+egret, -+salamander { ++@each $animal in puma,sea-slug,egret,salamander { } -@each $animal in puma, sea-slug, egret, salamander { -+@ -+each $animal in puma, -+sea-slug, -+egret, -+salamander { ++@each $animal in puma , sea-slug , egret , salamander { } -@each $animal in puma, sea-slug, egret, salamander { -+@ -+each $animal in puma, -+sea-slug, -+egret, -+salamander { ++@each $animal in ++ puma, sea-slug, egret, salamander { } -@each $animal in puma, sea-slug, egret, salamander { -+@ -+each $animal in puma, -+sea-slug, -+egret, -+salamander { ++@each $animal ++ in ++ puma ++ , ++ sea-slug ++ , ++ egret ++ , ++ salamander { } -@each $animal in puma, sea-slug, egret, salamander { -+@ -+each $animal in puma, -+sea-slug, -+egret, ++@each $animal ++in ++puma ++, ++sea-slug ++, ++egret ++, +salamander { } -@each $animal in puma, sea-slug, egret, salamander { -+@ -+each $animal in puma, -+sea-slug, -+egret, ++@each $animal ++ ++in ++ ++puma ++ ++, ++ ++sea-slug ++ ++, ++ ++egret ++ ++, ++ +salamander { } --@each $animal in ((puma), (sea-slug), (egret), (salamander)) { --} + @each $animal in ((puma), (sea-slug), (egret), (salamander)) { + } -@each $animal in((puma), (sea-slug), (egret), (salamander)) { --} --@each $animal in ((puma), (sea-slug), (egret), (salamander)) { --} --@each $animal in ((puma), (sea-slug), (egret), (salamander)) { --} ++@each $animal in((puma),(sea-slug),(egret),(salamander)) { + } -@each $animal in ((puma), (sea-slug), (egret), (salamander)) { --} ++@each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) { + } -@each $animal in ((puma), (sea-slug), (egret), (salamander)) { --} ++@each $animal ++ in ((puma), (sea-slug), (egret), (salamander)) { + } -@each $animal in ((puma), (sea-slug), (egret), (salamander)) { --} --@each $animal, $color, $cursor in (puma, black, default), -- (sea-slug, blue, pointer), (egret, white, move) { --} --@each $animal, $color, $cursor in (puma, black, default), -- (sea-slug, blue, pointer), (egret, white, move) { --} --@each $animal, $color, $cursor in (puma, black, default), -- (sea-slug, blue, pointer), (egret, white, move) { --} --@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var -- in puma, -- sea-slug, egret, salamander { --} --@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, -- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, -- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 -- in (puma, black, default), -- (sea-slug, blue, pointer), (egret, white, move) { --} --@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) { --} --@each $element, $size in(h1: 20px, h2: 16px, h3: 14px) { --} --@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) { --} --@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) { --} --@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) { -+@ -+each $animal in ((puma), (sea-slug), (egret), (salamander)) {} -+@ -+each $animal in((puma),(sea-slug),(egret),(salamander)){} -+@ -+each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} -+@ -+each $animal -+ in ((puma), (sea-slug), (egret), (salamander)) {} -+@ -+each -+ $animal -+ in -+( -+ ( -+puma), ++@each $animal ++ in ( ++ (puma), + (sea-slug), + (egret), -+ (salamander -+) -+ ) { } -+@ -+each -+ $animal ++ (salamander) ++ ) { + } +-@each $animal in ((puma), (sea-slug), (egret), (salamander)) { ++@each $animal + in -+( + ( -+puma -+) ++ ( ++ puma ++ ) + , + ( -+sea-slug -+) ++ sea-slug ++ ) + , + ( -+egret -+) ++ egret ++ ) + , + ( -+salamander -+) ++ salamander + ) -+ { -+ } -+@ -+each -+ -+ $animal ++ ) { + } +-@each $animal in ((puma), (sea-slug), (egret), (salamander)) { ++@each $animal + + in -+( + + ( + -+puma ++ ( + -+) ++ puma ++ ++ ) + + , + + ( + -+sea-slug ++ sea-slug + -+) ++ ) + + , + + ( + -+egret ++ egret + -+) ++ ) + + , + + ( + -+salamander -+ -+) ++ salamander + + ) + -+ { -+ -+ } -+@ -+each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} -+@ -+each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} -+@ -+each $animal, $color, $cursor in ++ ) { + } +-@each $animal, $color, $cursor in (puma, black, default), +- (sea-slug, blue, pointer), (egret, white, move) { ++@each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) { + } +-@each $animal, $color, $cursor in (puma, black, default), +- (sea-slug, blue, pointer), (egret, white, move) { ++@each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move) { + } +-@each $animal, $color, $cursor in (puma, black, default), +- (sea-slug, blue, pointer), (egret, white, move) { ++@each $animal, $color, $cursor in + (puma, black, default), + (sea-slug, blue, pointer), -+ (egret, white, move) {} -+@ -+each -+ $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var -+ in -+ puma, -+sea-slug, -+egret, -+salamander { ++ (egret, white, move) { + } +-@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var +- in puma, +- sea-slug, egret, salamander { ++@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander { + } +-@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 +- in (puma, black, default), +- (sea-slug, blue, pointer), (egret, white, move) { ++@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) { + } + @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) { + } +-@each $element, $size in(h1: 20px, h2: 16px, h3: 14px) { ++@each $element,$size in(h1:20px,h2:16px,h3:14px) { } -@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) { -+@ -+each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} -+@ -+each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} -+@ -+each $element,$size in(h1:20px,h2:16px,h3:14px){} -+@ -+each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} -+@ -+each $element, -+ $size in (h1: 20px, h2: 16px, h3: 14px) {} -+@ -+each -+ $element, ++@each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) { + } +-@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) { ++@each $element, ++ $size in (h1: 20px, h2: 16px, h3: 14px) { + } +-@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) { ++@each $element, + $size + in -+( -+h1 ++ ( ++ h1 + : + 20px + , @@ -457,12 +421,10 @@ h3 + h3 + : + 14px -+) -+ { -+ } -+@ -+each -+$element, ++ ) { + } +-@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) { ++@each $element, +$size +in +( @@ -477,20 +439,20 @@ h3 +h3 +: +14px -+) -+{ ++) { } --@each $element, + @each $element, - $size in - ( - h1: 20px, -+@ -+each -+$element, -+ + +- h2: 16px, +$size -+ + +- h3: 14px +- ) { +in ++ +( + +h1 @@ -504,8 +466,7 @@ h3 +h2 + +: - -- h2: 16px, ++ +16px + +, @@ -516,183 +477,162 @@ h3 + +14px + -+) -+ -+{ - -- h3: 14px -- ) { ++) { } ``` # Output ```css -@ -each $animal in puma, -sea-slug, -egret, -salamander { +@each $animal in puma, sea-slug, egret, salamander { } -@ -each $animal in puma, -sea-slug, -egret, -salamander { +@each $animal in puma,sea-slug,egret,salamander { } -@ -each $animal in puma, -sea-slug, -egret, -salamander { +@each $animal in puma , sea-slug , egret , salamander { } -@ -each $animal in puma, -sea-slug, -egret, -salamander { +@each $animal in + puma, sea-slug, egret, salamander { } -@ -each $animal in puma, -sea-slug, -egret, -salamander { +@each $animal + in + puma + , + sea-slug + , + egret + , + salamander { } -@ -each $animal in puma, -sea-slug, -egret, +@each $animal +in +puma +, +sea-slug +, +egret +, salamander { } -@ -each $animal in puma, -sea-slug, -egret, +@each $animal + +in + +puma + +, + +sea-slug + +, + +egret + +, + salamander { } -@ -each $animal in ((puma), (sea-slug), (egret), (salamander)) {} -@ -each $animal in((puma),(sea-slug),(egret),(salamander)){} -@ -each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} -@ -each $animal - in ((puma), (sea-slug), (egret), (salamander)) {} -@ -each - $animal - in -( - ( -puma), +@each $animal in ((puma), (sea-slug), (egret), (salamander)) { +} +@each $animal in((puma),(sea-slug),(egret),(salamander)) { +} +@each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) { +} +@each $animal + in ((puma), (sea-slug), (egret), (salamander)) { +} +@each $animal + in ( + (puma), (sea-slug), (egret), - (salamander -) - ) { } -@ -each - $animal + (salamander) + ) { +} +@each $animal in -( ( -puma -) + ( + puma + ) , ( -sea-slug -) + sea-slug + ) , ( -egret -) + egret + ) , ( -salamander -) + salamander ) - { - } -@ -each - - $animal + ) { +} +@each $animal in -( ( -puma + ( -) + puma + + ) , ( -sea-slug + sea-slug -) + ) , ( -egret + egret -) + ) , ( -salamander - -) + salamander ) - { - - } -@ -each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} -@ -each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} -@ -each $animal, $color, $cursor in + ) { +} +@each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) { +} +@each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move) { +} +@each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), - (egret, white, move) {} -@ -each - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - in - puma, -sea-slug, -egret, -salamander { + (egret, white, move) { } -@ -each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} -@ -each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} -@ -each $element,$size in(h1:20px,h2:16px,h3:14px){} -@ -each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} -@ -each $element, - $size in (h1: 20px, h2: 16px, h3: 14px) {} -@ -each - $element, +@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander { +} +@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) { +} +@each $element, $size in (h1: 20px, h2: 16px, h3: 14px) { +} +@each $element,$size in(h1:20px,h2:16px,h3:14px) { +} +@each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) { +} +@each $element, + $size in (h1: 20px, h2: 16px, h3: 14px) { +} +@each $element, $size in -( -h1 + ( + h1 : 20px , @@ -703,12 +643,9 @@ h1 h3 : 14px -) - { - } -@ -each -$element, + ) { +} +@each $element, $size in ( @@ -723,16 +660,14 @@ h2 h3 : 14px -) -{ +) { } -@ -each -$element, +@each $element, $size in + ( h1 @@ -757,4207 +692,16 @@ h3 14px -) - -{ - +) { } ``` -# Errors -``` -each.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @each $animal in puma, sea-slug, egret, salamander {} - │ ^^^^ - 2 │ @each $animal in puma,sea-slug,egret,salamander{} - 3 │ @each $animal in puma , sea-slug , egret , salamander {} - - 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 - -each.css:2:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @each $animal in puma, sea-slug, egret, salamander {} - > 2 │ @each $animal in puma,sea-slug,egret,salamander{} - │ ^^^^ - 3 │ @each $animal in puma , sea-slug , egret , salamander {} - 4 │ @each $animal in - - 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 - -each.css:3:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @each $animal in puma, sea-slug, egret, salamander {} - 2 │ @each $animal in puma,sea-slug,egret,salamander{} - > 3 │ @each $animal in puma , sea-slug , egret , salamander {} - │ ^^^^ - 4 │ @each $animal in - 5 │ puma, sea-slug, egret, salamander {} - - 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 - -each.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 2 │ @each $animal in puma,sea-slug,egret,salamander{} - 3 │ @each $animal in puma , sea-slug , egret , salamander {} - > 4 │ @each $animal in - │ ^^^^ - 5 │ puma, sea-slug, egret, salamander {} - 6 │ @each - - 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 - -each.css:6:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 4 │ @each $animal in - 5 │ puma, sea-slug, egret, salamander {} - > 6 │ @each - │ ^^^^ - 7 │ $animal - 8 │ in - - 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 - -each.css:18:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 16 │ { - 17 │ } - > 18 │ @each - │ ^^^^ - 19 │ $animal - 20 │ in - - 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 - -each.css:30:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 28 │ { - 29 │ } - > 30 │ @each - │ ^^^^ - 31 │ - 32 │ $animal - - 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 - -each.css:53:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^^^^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - 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 - -each.css:53:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Expected a compound selector here. - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - -each.css:53:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `puma` - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^^^^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Remove puma - -each.css:53:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Remove ) - -each.css:53:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Expected a selector here. - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - -each.css:53:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `sea-slug` - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^^^^^^^^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Remove sea-slug - -each.css:53:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Remove ) - -each.css:53:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Expected a selector here. - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - -each.css:53:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `egret` - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^^^^^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Remove egret - -each.css:53:45 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Remove ) - -each.css:53:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Expected a selector here. - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - -each.css:53:49 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `salamander` - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^^^^^^^^^^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Remove salamander - -each.css:53:59 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 52 │ } - > 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - - i Remove ) - -each.css:54:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^^^^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - 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 - -each.css:54:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Remove ( - -each.css:54:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `puma` - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^^^^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Remove puma - -each.css:54:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Remove ) - -each.css:54:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Expected a selector here. - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - -each.css:54:26 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `sea-slug` - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^^^^^^^^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Remove sea-slug - -each.css:54:34 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Remove ) - -each.css:54:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Expected a selector here. - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - -each.css:54:37 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `egret` - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^^^^^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Remove egret - -each.css:54:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Remove ) - -each.css:54:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Expected a selector here. - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - -each.css:54:45 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `salamander` - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^^^^^^^^^^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Remove salamander - -each.css:54:55 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 52 │ } - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - > 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - │ ^ - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - - i Remove ) - -each.css:55:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^^^^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - 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 - -each.css:55:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Expected a compound selector here. - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - -each.css:55:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `puma` - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^^^^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Remove puma - -each.css:55:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Remove ) - -each.css:55:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Expected a selector here. - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - -each.css:55:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `sea-slug` - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^^^^^^^^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Remove sea-slug - -each.css:55:52 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Remove ) - -each.css:55:58 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Expected a selector here. - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - -each.css:55:61 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `egret` - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^^^^^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Remove egret - -each.css:55:68 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Remove ) - -each.css:55:74 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Expected a selector here. - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - -each.css:55:77 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `salamander` - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^^^^^^^^^^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Remove salamander - -each.css:55:89 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 53 │ @each $animal in ((puma), (sea-slug), (egret), (salamander)) {} - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - > 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - │ ^ - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - - i Remove ) - -each.css:56:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 54 │ @each $animal in((puma),(sea-slug),(egret),(salamander)){} - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - > 56 │ @each $animal - │ ^^^^ - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - 58 │ @each - - 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 - -each.css:57:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - - i Expected a compound selector here. - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - -each.css:57:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `puma` - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^^^^ - 58 │ @each - 59 │ $animal - - i Remove puma - -each.css:57:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - - i Remove ) - -each.css:57:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - - i Expected a selector here. - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - -each.css:57:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `sea-slug` - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^^^^^^^^ - 58 │ @each - 59 │ $animal - - i Remove sea-slug - -each.css:57:26 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - - i Remove ) - -each.css:57:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - - i Expected a selector here. - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - -each.css:57:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `egret` - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^^^^^ - 58 │ @each - 59 │ $animal - - i Remove egret - -each.css:57:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - - i Remove ) - -each.css:57:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - - i Expected a selector here. - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - -each.css:57:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `salamander` - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^^^^^^^^^^ - 58 │ @each - 59 │ $animal - - i Remove salamander - -each.css:57:49 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 55 │ @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 56 │ @each $animal - > 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - │ ^ - 58 │ @each - 59 │ $animal - - i Remove ) - -each.css:58:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 56 │ @each $animal - 57 │ in ((puma), (sea-slug), (egret), (salamander)) {} - > 58 │ @each - │ ^^^^ - 59 │ $animal - 60 │ in ( - - 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 - -each.css:60:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 58 │ @each - 59 │ $animal - > 60 │ in ( - │ ^ - 61 │ (puma), - 62 │ (sea-slug), - - i Expected a compound selector here. - - 58 │ @each - 59 │ $animal - > 60 │ in ( - │ ^ - 61 │ (puma), - 62 │ (sea-slug), - -each.css:61:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 59 │ $animal - 60 │ in ( - > 61 │ (puma), - │ ^ - 62 │ (sea-slug), - 63 │ (egret), - - i Remove ) - -each.css:62:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 60 │ in ( - 61 │ (puma), - > 62 │ (sea-slug), - │ ^ - 63 │ (egret), - 64 │ (salamander) - - i Expected a selector here. - - 60 │ in ( - 61 │ (puma), - > 62 │ (sea-slug), - │ ^ - 63 │ (egret), - 64 │ (salamander) - -each.css:62:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `sea-slug` - - 60 │ in ( - 61 │ (puma), - > 62 │ (sea-slug), - │ ^^^^^^^^ - 63 │ (egret), - 64 │ (salamander) - - i Remove sea-slug - -each.css:62:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 60 │ in ( - 61 │ (puma), - > 62 │ (sea-slug), - │ ^ - 63 │ (egret), - 64 │ (salamander) - - i Remove ) - -each.css:63:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 61 │ (puma), - 62 │ (sea-slug), - > 63 │ (egret), - │ ^ - 64 │ (salamander) - 65 │ ) { } - - i Expected a selector here. - - 61 │ (puma), - 62 │ (sea-slug), - > 63 │ (egret), - │ ^ - 64 │ (salamander) - 65 │ ) { } - -each.css:63:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `egret` - - 61 │ (puma), - 62 │ (sea-slug), - > 63 │ (egret), - │ ^^^^^ - 64 │ (salamander) - 65 │ ) { } - - i Remove egret - -each.css:63:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 61 │ (puma), - 62 │ (sea-slug), - > 63 │ (egret), - │ ^ - 64 │ (salamander) - 65 │ ) { } - - i Remove ) - -each.css:64:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 62 │ (sea-slug), - 63 │ (egret), - > 64 │ (salamander) - │ ^ - 65 │ ) { } - 66 │ @each - - i Expected a selector here. - - 62 │ (sea-slug), - 63 │ (egret), - > 64 │ (salamander) - │ ^ - 65 │ ) { } - 66 │ @each - -each.css:64:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `salamander` - - 62 │ (sea-slug), - 63 │ (egret), - > 64 │ (salamander) - │ ^^^^^^^^^^ - 65 │ ) { } - 66 │ @each - - i Remove salamander - -each.css:64:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 62 │ (sea-slug), - 63 │ (egret), - > 64 │ (salamander) - │ ^ - 65 │ ) { } - 66 │ @each - - i Remove ) - -each.css:66:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 64 │ (salamander) - 65 │ ) { } - > 66 │ @each - │ ^^^^ - 67 │ $animal - 68 │ in - - 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 - -each.css:69:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 67 │ $animal - 68 │ in - > 69 │ ( - │ ^ - 70 │ ( - 71 │ puma - - i Expected a compound selector here. - - 67 │ $animal - 68 │ in - > 69 │ ( - │ ^ - 70 │ ( - 71 │ puma - -each.css:72:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 70 │ ( - 71 │ puma - > 72 │ ) - │ ^ - 73 │ , - 74 │ ( - - i Remove ) - -each.css:76:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 74 │ ( - 75 │ sea-slug - > 76 │ ) - │ ^ - 77 │ , - 78 │ ( - - i Remove ) - -each.css:80:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 78 │ ( - 79 │ egret - > 80 │ ) - │ ^ - 81 │ , - 82 │ ( - - i Remove ) - -each.css:84:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 82 │ ( - 83 │ salamander - > 84 │ ) - │ ^ - 85 │ ) - 86 │ { - - i Remove ) - -each.css:88:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 86 │ { - 87 │ } - > 88 │ @each - │ ^^^^ - 89 │ - 90 │ $animal - - 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 - -each.css:94:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 92 │ in - 93 │ - > 94 │ ( - │ ^ - 95 │ - 96 │ ( - - i Expected a compound selector here. - - 92 │ in - 93 │ - > 94 │ ( - │ ^ - 95 │ - 96 │ ( - -each.css:100:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 98 │ puma - 99 │ - > 100 │ ) - │ ^ - 101 │ - 102 │ , - - i Remove ) - -each.css:108:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 106 │ sea-slug - 107 │ - > 108 │ ) - │ ^ - 109 │ - 110 │ , - - i Remove ) - -each.css:116:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 114 │ egret - 115 │ - > 116 │ ) - │ ^ - 117 │ - 118 │ , - - i Remove ) - -each.css:124:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 122 │ salamander - 123 │ - > 124 │ ) - │ ^ - 125 │ - 126 │ ) - - i Remove ) - -each.css:131:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^^^^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - - 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 - -each.css:131:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - - i Expected a compound selector here. - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - -each.css:131:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `puma` - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^^^^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - - i Remove puma - -each.css:131:56 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - - i Remove ) - -each.css:131:59 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - - i Expected a selector here. - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - -each.css:131:60 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `sea-slug` - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^^^^^^^^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - - i Remove sea-slug - -each.css:131:83 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - - i Remove ) - -each.css:131:86 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - - i Expected a selector here. - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - -each.css:131:87 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `egret` - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^^^^^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - - i Remove egret - -each.css:131:105 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 130 │ } - > 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - - i Remove ) - -each.css:132:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^^^^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - - 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 - -each.css:132:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - - i Expected a compound selector here. - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - -each.css:132:34 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `puma` - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^^^^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - - i Remove puma - -each.css:132:52 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - - i Remove ) - -each.css:132:54 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - - i Expected a selector here. - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - -each.css:132:55 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `sea-slug` - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^^^^^^^^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - - i Remove sea-slug - -each.css:132:76 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - - i Remove ) - -each.css:132:78 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - - i Expected a selector here. - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - -each.css:132:79 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `egret` - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^^^^^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - - i Remove egret - -each.css:132:95 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 130 │ } - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - │ ^ - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - - i Remove ) - -each.css:133:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 131 │ @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - > 133 │ @each $animal, $color, $cursor in - │ ^^^^ - 134 │ (puma, black, default), - 135 │ (sea-slug, blue, pointer), - - 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 - -each.css:134:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - > 134 │ (puma, black, default), - │ ^ - 135 │ (sea-slug, blue, pointer), - 136 │ (egret, white, move) {} - - i Expected a compound selector here. - - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - > 134 │ (puma, black, default), - │ ^ - 135 │ (sea-slug, blue, pointer), - 136 │ (egret, white, move) {} - -each.css:134:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `puma` - - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - > 134 │ (puma, black, default), - │ ^^^^ - 135 │ (sea-slug, blue, pointer), - 136 │ (egret, white, move) {} - - i Remove puma - -each.css:134:26 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 132 │ @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 133 │ @each $animal, $color, $cursor in - > 134 │ (puma, black, default), - │ ^ - 135 │ (sea-slug, blue, pointer), - 136 │ (egret, white, move) {} - - i Remove ) - -each.css:135:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - > 135 │ (sea-slug, blue, pointer), - │ ^ - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - - i Expected a selector here. - - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - > 135 │ (sea-slug, blue, pointer), - │ ^ - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - -each.css:135:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `sea-slug` - - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - > 135 │ (sea-slug, blue, pointer), - │ ^^^^^^^^ - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - - i Remove sea-slug - -each.css:135:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 133 │ @each $animal, $color, $cursor in - 134 │ (puma, black, default), - > 135 │ (sea-slug, blue, pointer), - │ ^ - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - - i Remove ) - -each.css:136:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 134 │ (puma, black, default), - 135 │ (sea-slug, blue, pointer), - > 136 │ (egret, white, move) {} - │ ^ - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - - i Expected a selector here. - - 134 │ (puma, black, default), - 135 │ (sea-slug, blue, pointer), - > 136 │ (egret, white, move) {} - │ ^ - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - -each.css:136:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `egret` - - 134 │ (puma, black, default), - 135 │ (sea-slug, blue, pointer), - > 136 │ (egret, white, move) {} - │ ^^^^^ - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - - i Remove egret - -each.css:136:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 134 │ (puma, black, default), - 135 │ (sea-slug, blue, pointer), - > 136 │ (egret, white, move) {} - │ ^ - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - - i Remove ) - -each.css:137:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 135 │ (sea-slug, blue, pointer), - 136 │ (egret, white, move) {} - > 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - │ ^^^^ - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - - 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 - -each.css:138:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^^^^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - - 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 - -each.css:138:270 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - - i Expected a compound selector here. - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - -each.css:138:271 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `puma` - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^^^^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - - i Remove puma - -each.css:138:291 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - - i Remove ) - -each.css:138:294 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - - i Expected a selector here. - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - -each.css:138:295 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `sea-slug` - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^^^^^^^^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - - i Remove sea-slug - -each.css:138:318 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - - i Remove ) - -each.css:138:321 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '('. - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - - i Expected a selector here. - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - -each.css:138:322 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `egret` - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^^^^^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - - i Remove egret - -each.css:138:340 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 136 │ (egret, white, move) {} - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - > 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - │ ^ - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - - i Remove ) - -each.css:139:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^^^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - - 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 - -each.css:139:26 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - - i Expected a compound selector here. - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - -each.css:139:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `h1` - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - - i Remove h1 - -each.css:139:31 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - - 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 - -each.css:139:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - - i Remove px - -each.css:139:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - - 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 - -each.css:139:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - - i Remove px - -each.css:139:51 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - - 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 - -each.css:139:53 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - - i Remove px - -each.css:139:55 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 137 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander {} - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - > 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^ - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - - i Remove ) - -each.css:140:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - │ ^^^^ - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - - 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 - -each.css:140:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - │ ^ - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - - i Remove ( - -each.css:140:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `h1` - - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - │ ^^ - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - - i Remove h1 - -each.css:140:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - │ ^^ - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - - 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 - -each.css:140:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - │ ^^ - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - - i Remove px - -each.css:140:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - │ ^^ - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - - 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 - -each.css:140:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - │ ^^ - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - - i Remove px - -each.css:140:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - │ ^^ - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - - 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 - -each.css:140:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - │ ^^ - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - - i Remove px - -each.css:140:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 138 │ @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - │ ^ - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - - i Remove ) - -each.css:141:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^^^^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - - 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 - -each.css:141:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - - i Expected a compound selector here. - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - -each.css:141:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `h1` - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - - i Remove h1 - -each.css:141:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - - 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 - -each.css:141:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - - i Remove px - -each.css:141:58 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - - 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 - -each.css:141:60 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - - i Remove px - -each.css:141:74 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - - 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 - -each.css:141:76 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - - i Remove px - -each.css:141:80 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 139 │ @each $element, $size in (h1: 20px, h2: 16px, h3: 14px) {} - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - > 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - │ ^ - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - - i Remove ) - -each.css:142:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 140 │ @each $element,$size in(h1:20px,h2:16px,h3:14px){} - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - > 142 │ @each $element, - │ ^^^^ - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - 144 │ @each - - 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 - -each.css:143:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - > 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^ - 144 │ @each - 145 │ $element, - - i Expected a compound selector here. - - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - > 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^ - 144 │ @each - 145 │ $element, - -each.css:143:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `h1` - - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - > 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 144 │ @each - 145 │ $element, - - i Remove h1 - -each.css:143:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - > 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 144 │ @each - 145 │ $element, - - 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 - -each.css:143:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - > 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 144 │ @each - 145 │ $element, - - i Remove px - -each.css:143:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - > 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 144 │ @each - 145 │ $element, - - 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 - -each.css:143:31 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - > 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 144 │ @each - 145 │ $element, - - i Remove px - -each.css:143:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - > 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 144 │ @each - 145 │ $element, - - 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 - -each.css:143:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - > 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^^ - 144 │ @each - 145 │ $element, - - i Remove px - -each.css:143:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 141 │ @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} - 142 │ @each $element, - > 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - │ ^ - 144 │ @each - 145 │ $element, - - i Remove ) - -each.css:144:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 142 │ @each $element, - 143 │ $size in (h1: 20px, h2: 16px, h3: 14px) {} - > 144 │ @each - │ ^^^^ - 145 │ $element, - 146 │ $size - - 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 - -each.css:148:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 146 │ $size - 147 │ in - > 148 │ ( - │ ^ - 149 │ h1 - 150 │ : - - i Expected a compound selector here. - - 146 │ $size - 147 │ in - > 148 │ ( - │ ^ - 149 │ h1 - 150 │ : - -each.css:151:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 149 │ h1 - 150 │ : - > 151 │ 20px - │ ^^ - 152 │ , - 153 │ h2 - - 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 - -each.css:151:7 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 149 │ h1 - 150 │ : - > 151 │ 20px - │ ^^ - 152 │ , - 153 │ h2 - - i Remove px - -each.css:155:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 153 │ h2 - 154 │ : - > 155 │ 16px - │ ^^ - 156 │ , - 157 │ h3 - - 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 - -each.css:155:7 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 153 │ h2 - 154 │ : - > 155 │ 16px - │ ^^ - 156 │ , - 157 │ h3 - - i Remove px - -each.css:159:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 157 │ h3 - 158 │ : - > 159 │ 14px - │ ^^ - 160 │ ) - 161 │ { - - 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 - -each.css:159:7 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 157 │ h3 - 158 │ : - > 159 │ 14px - │ ^^ - 160 │ ) - 161 │ { - - i Remove px - -each.css:160:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 158 │ : - 159 │ 14px - > 160 │ ) - │ ^ - 161 │ { - 162 │ } - - i Remove ) - -each.css:163:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 161 │ { - 162 │ } - > 163 │ @each - │ ^^^^ - 164 │ $element, - 165 │ $size - - 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 - -each.css:167:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 165 │ $size - 166 │ in - > 167 │ ( - │ ^ - 168 │ h1 - 169 │ : - - i Expected a compound selector here. - - 165 │ $size - 166 │ in - > 167 │ ( - │ ^ - 168 │ h1 - 169 │ : - -each.css:170:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 168 │ h1 - 169 │ : - > 170 │ 20px - │ ^^ - 171 │ , - 172 │ h2 - - 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 - -each.css:170:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 168 │ h1 - 169 │ : - > 170 │ 20px - │ ^^ - 171 │ , - 172 │ h2 - - i Remove px - -each.css:174:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 172 │ h2 - 173 │ : - > 174 │ 16px - │ ^^ - 175 │ , - 176 │ h3 - - 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 - -each.css:174:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 172 │ h2 - 173 │ : - > 174 │ 16px - │ ^^ - 175 │ , - 176 │ h3 - - i Remove px - -each.css:178:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 176 │ h3 - 177 │ : - > 178 │ 14px - │ ^^ - 179 │ ) - 180 │ { - - 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 - -each.css:178:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 176 │ h3 - 177 │ : - > 178 │ 14px - │ ^^ - 179 │ ) - 180 │ { - - i Remove px - -each.css:179:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 177 │ : - 178 │ 14px - > 179 │ ) - │ ^ - 180 │ { - 181 │ } - - i Remove ) - -each.css:182:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 180 │ { - 181 │ } - > 182 │ @each - │ ^^^^ - 183 │ $element, - 184 │ - - 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 - -each.css:189:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 187 │ in - 188 │ - > 189 │ ( - │ ^ - 190 │ - 191 │ h1 - - i Expected a compound selector here. - - 187 │ in - 188 │ - > 189 │ ( - │ ^ - 190 │ - 191 │ h1 - -each.css:195:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 193 │ : - 194 │ - > 195 │ 20px - │ ^^ - 196 │ - 197 │ , - - 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 - -each.css:195:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 193 │ : - 194 │ - > 195 │ 20px - │ ^^ - 196 │ - 197 │ , - - i Remove px - -each.css:203:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 201 │ : - 202 │ - > 203 │ 16px - │ ^^ - 204 │ - 205 │ , - - 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 - -each.css:203:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 201 │ : - 202 │ - > 203 │ 16px - │ ^^ - 204 │ - 205 │ , - - i Remove px - -each.css:211:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 209 │ : - 210 │ - > 211 │ 14px - │ ^^ - 212 │ - 213 │ ) - - 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 - -each.css:211:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 209 │ : - 210 │ - > 211 │ 14px - │ ^^ - 212 │ - 213 │ ) - - i Remove px - -each.css:213:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 211 │ 14px - 212 │ - > 213 │ ) - │ ^ - 214 │ - 215 │ { - - i Remove ) - - -``` - # Lines exceeding max width of 80 characters ``` - 48: each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) {} - 131: each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 133: each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move){} - 141: $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - 149: each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) {} - 155: each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) {} + 52: @each $animal in ( ( puma ) , ( sea-slug ) , ( egret ) , ( salamander ) ) { + 123: @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) { + 125: @each $animal,$color,$cursor in (puma,black,default),(sea-slug,blue,pointer),(egret,white,move) { + 132: @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var in puma, sea-slug, egret, salamander { + 134: @each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) { + 140: @each $element , $size in ( h1 : 20px , h2 : 16px , h3 : 14px ) { ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/extend.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/extend.css.snap index cf3bce5b8f0a..6632cd992926 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/extend.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/extend.css.snap @@ -165,197 +165,73 @@ a.important ```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 -+ -+; +@@ -27,7 +27,8 @@ -- 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; + font-weight: bold; } - .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; +-%message-shared { ++% ++message-shared { + border: 1px solid #ccc; + padding: 10px; + color: #333; +@@ -60,36 +61,46 @@ + @extend .notice !optional; } a.important { - @extend .notice !optional; -+@extend .notice !optional; ++ @extend .notice !optional; } a.important { - @extend .notice !optional; -+ @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 -+ -+; ++ @extend .notice + ++!optional; } .message-error { -- @extend .message, .important; -+ @extend .message, .important; + @extend .message, .important; } .message-error { - @extend .message, .important; -+ @extend .message , .important ; ++ @extend .message , .important; } .message-error { - @extend .message, .important; -+ @extend .message , .important ; ++ @extend .message , .important; } .message-error { - @extend .message, .important; -+ @extend .message, ++ @extend .message, + .important; } .message-error { - @extend .message, .important; -+ @extend -+ .message, ++ @extend .message, + .important; } --.message-error { + .message-error { - @extend .message, .important; -+.message-error -+{ -+@extend -+.message ++ @extend .message +, -+.important -+; ++.important; } --.message-error { + .message-error { - @extend .message, .important; -+.message-error -+ -+{ -+ -+@extend -+ -+.message ++ @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; ++ @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; } ``` @@ -367,2324 +243,133 @@ a.important 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 - -; - -font-weight - -: - -bold - -; +.emphasis { + @extend .master; + font-weight: bold; } -%message-shared { - border: 1px solid #ccc; - padding: 10px; - color: #333; +% +message-shared { + 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, + @extend .message, .important; } .message-error { - @extend - .message, + @extend .message, .important; } -.message-error -{ -@extend -.message +.message-error { + @extend .message , -.important -; +.important; } -.message-error - -{ - -@extend - -.message +.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; } ``` # 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 a compound selector but instead found ';'. - - 23 │ @extend - 24 │ .master - > 25 │ ; - │ ^ - 26 │ font-weight - 27 │ : - - i Expected a compound selector here. - - 23 │ @extend - 24 │ .master - > 25 │ ; - │ ^ - 26 │ font-weight - 27 │ : - -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 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +extend.css:50:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - × Expected a compound selector but instead found ';'. + × Expected a qualified rule, or an at rule but instead found '%'. - 27 │ : - 28 │ bold - > 29 │ ; + 49 │ } + > 50 │ %message-shared { │ ^ - 30 │ } - 31 │ .emphasis + 51 │ border: 1px solid #ccc; + 52 │ padding: 10px; - i Expected a compound selector here. + i Expected a qualified rule, or an at rule here. - 27 │ : - 28 │ bold - > 29 │ ; + 49 │ } + > 50 │ %message-shared { │ ^ - 30 │ } - 31 │ .emphasis - -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 a compound selector but instead found ';'. - - 37 │ .master - 38 │ - > 39 │ ; - │ ^ - 40 │ - 41 │ font-weight - - i Expected a compound selector here. - - 37 │ .master - 38 │ - > 39 │ ; - │ ^ - 40 │ - 41 │ font-weight - -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 a compound selector but instead found ';'. - - 45 │ bold - 46 │ - > 47 │ ; - │ ^ - 48 │ - 49 │ } - - i Expected a compound selector here. - - 45 │ bold - 46 │ - > 47 │ ; - │ ^ - 48 │ - 49 │ } - -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 a compound selector but instead found '%'. - - 67 │ .message { - 68 │ @extend - > 69 │ %message-shared; - │ ^ - 70 │ } - 71 │ .message { - - i Expected a compound selector here. - - 67 │ .message { - 68 │ @extend - > 69 │ %message-shared; - │ ^ - 70 │ } - 71 │ .message { - -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 a compound selector but instead found '%'. - - 73 │ @extend - 74 │ - > 75 │ %message-shared; - │ ^ - 76 │ - 77 │ } - - i Expected a compound selector here. - - 73 │ @extend - 74 │ - > 75 │ %message-shared; - │ ^ - 76 │ - 77 │ } - -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 a compound selector but instead found '!'. - - 92 │ @extend - 93 │ .notice - > 94 │ !optional - │ ^ - 95 │ ; - 96 │ } - - i Expected a compound selector here. - - 92 │ @extend - 93 │ .notice - > 94 │ !optional - │ ^ - 95 │ ; - 96 │ } - -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 a compound selector but instead found ';'. - - 93 │ .notice - 94 │ !optional - > 95 │ ; - │ ^ - 96 │ } - 97 │ a.important - - i Expected a compound selector here. - - 93 │ .notice - 94 │ !optional - > 95 │ ; - │ ^ - 96 │ } - 97 │ a.important - -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 a compound selector but instead found '!'. - - 103 │ .notice - 104 │ - > 105 │ !optional - │ ^ - 106 │ - 107 │ ; - - i Expected a compound selector here. - - 103 │ .notice - 104 │ - > 105 │ !optional - │ ^ - 106 │ - 107 │ ; - -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 a compound selector but instead found ';'. - - 105 │ !optional - 106 │ - > 107 │ ; - │ ^ - 108 │ - 109 │ } - - i Expected a compound selector here. - - 105 │ !optional - 106 │ - > 107 │ ; - │ ^ - 108 │ - 109 │ } - -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 a compound selector but instead found ';'. - - 132 │ , - 133 │ .important - > 134 │ ; - │ ^ - 135 │ } - 136 │ .message-error - - i Expected a compound selector here. - - 132 │ , - 133 │ .important - > 134 │ ; - │ ^ - 135 │ } - 136 │ .message-error - -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; + 105: @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; ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/for.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/for.css.snap index da6a51fd1f2f..e66ad1148ade 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/for.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/for.css.snap @@ -57,99 +57,76 @@ through ```diff --- Prettier +++ Biome -@@ -1,51 +1,67 @@ --@for $i from 1 through 8 { --} --@for $i from 1 through 8 { --} --@for $i from 1 through 8 { --} --@for $i from 1 through 8 { --} --@for $i from 1 through 8 { --} +@@ -2,50 +2,47 @@ + } + @for $i from 1 through 8 { + } -@for $i from 1 through 8 { --} ++@for $i from 1 through 8 { + } -@for $i from 1 through 8 { --} --@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var -- from 1 through 5 { --} --@for $i from -- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 -- through 5 { --} --@for $i from 1 through -- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { --} --@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var -+@ -+for $i from 1 through 8 {} -+@ -+for $i from 1 through 8{} -+@ -+for $i from 1 through 8 {} -+@ -+for $i ++@for $i +from +1 +through -+8 -+{} -+@ -+for -+$i ++8 { + } +-@for $i from 1 through 8 { ++@for $i +from +1 +through -+8 -+{} -+@ -+for -+$i ++8 { + } +-@for $i from 1 through 8 { ++@for $i +from +1 +through -+8 -+{} -+@ -+for -+ -+$i ++8 { + } +-@for $i from 1 through 8 { ++@for $i + +from ++ +1 + +through -+8 + -+{} -+@ -+for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} -+@ -+for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} -+@ -+for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} -+@ -+for -+ $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - from - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 - through - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { ++8 { } -@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var -+@ -+for -+ $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - from - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 - end - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { +- from 1 through 5 { ++@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 { + } +-@for $i from +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 +- through 5 { ++@for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 { + } +-@for $i from 1 through +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { ++@for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { + } +-@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var +- from +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 +- through +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { ++@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { + } +-@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var +- from +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 +- end +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { ++@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { } -@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - from ($var1 + $var1) through ($var-2 + $var-2) { --} ++@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) { + } -@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - from - ( @@ -161,1150 +138,70 @@ through - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 - ) { --} -+@ -+for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} -+@ -+for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} ++@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) { + } ``` # Output ```css -@ -for $i from 1 through 8 {} -@ -for $i from 1 through 8{} -@ -for $i from 1 through 8 {} -@ -for $i +@for $i from 1 through 8 { +} +@for $i from 1 through 8 { +} +@for $i from 1 through 8 { +} +@for $i from 1 through -8 -{} -@ -for -$i +8 { +} +@for $i from 1 through -8 -{} -@ -for -$i +8 { +} +@for $i from 1 through -8 -{} -@ -for - -$i +8 { +} +@for $i from + 1 through -8 -{} -@ -for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} -@ -for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} -@ -for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} -@ -for - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - from - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 - through - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { +8 { } -@ -for - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - from - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 - end - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { +@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 { +} +@for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 { +} +@for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { +} +@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { +} +@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { +} +@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) { +} +@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) { } -@ -for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} -@ -for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} -``` - -# Errors -``` -for.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @for $i from 1 through 8 {} - │ ^^^ - 2 │ @for $i from 1 through 8{} - 3 │ @for $i from 1 through 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 - -for.css:1:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - > 1 │ @for $i from 1 through 8 {} - │ ^ - 2 │ @for $i from 1 through 8{} - 3 │ @for $i from 1 through 8 {} - - i Expected a compound selector here. - - > 1 │ @for $i from 1 through 8 {} - │ ^ - 2 │ @for $i from 1 through 8{} - 3 │ @for $i from 1 through 8 {} - -for.css:1:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `through` - - > 1 │ @for $i from 1 through 8 {} - │ ^^^^^^^ - 2 │ @for $i from 1 through 8{} - 3 │ @for $i from 1 through 8 {} - - i Remove through - -for.css:1:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '8'. - - > 1 │ @for $i from 1 through 8 {} - │ ^ - 2 │ @for $i from 1 through 8{} - 3 │ @for $i from 1 through 8 {} - - i Expected a compound selector here. - - > 1 │ @for $i from 1 through 8 {} - │ ^ - 2 │ @for $i from 1 through 8{} - 3 │ @for $i from 1 through 8 {} - -for.css:2:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @for $i from 1 through 8 {} - > 2 │ @for $i from 1 through 8{} - │ ^^^ - 3 │ @for $i from 1 through 8 {} - 4 │ @for $i - - 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 - -for.css:2:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 1 │ @for $i from 1 through 8 {} - > 2 │ @for $i from 1 through 8{} - │ ^ - 3 │ @for $i from 1 through 8 {} - 4 │ @for $i - - i Expected a compound selector here. - - 1 │ @for $i from 1 through 8 {} - > 2 │ @for $i from 1 through 8{} - │ ^ - 3 │ @for $i from 1 through 8 {} - 4 │ @for $i - -for.css:2:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `through` - - 1 │ @for $i from 1 through 8 {} - > 2 │ @for $i from 1 through 8{} - │ ^^^^^^^ - 3 │ @for $i from 1 through 8 {} - 4 │ @for $i - - i Remove through - -for.css:2:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '8'. - - 1 │ @for $i from 1 through 8 {} - > 2 │ @for $i from 1 through 8{} - │ ^ - 3 │ @for $i from 1 through 8 {} - 4 │ @for $i - - i Expected a compound selector here. - - 1 │ @for $i from 1 through 8 {} - > 2 │ @for $i from 1 through 8{} - │ ^ - 3 │ @for $i from 1 through 8 {} - 4 │ @for $i - -for.css:3:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @for $i from 1 through 8 {} - 2 │ @for $i from 1 through 8{} - > 3 │ @for $i from 1 through 8 {} - │ ^^^ - 4 │ @for $i - 5 │ from - - 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 - -for.css:3:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 1 │ @for $i from 1 through 8 {} - 2 │ @for $i from 1 through 8{} - > 3 │ @for $i from 1 through 8 {} - │ ^ - 4 │ @for $i - 5 │ from - - i Expected a compound selector here. - - 1 │ @for $i from 1 through 8 {} - 2 │ @for $i from 1 through 8{} - > 3 │ @for $i from 1 through 8 {} - │ ^ - 4 │ @for $i - 5 │ from - -for.css:3:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `through` - - 1 │ @for $i from 1 through 8 {} - 2 │ @for $i from 1 through 8{} - > 3 │ @for $i from 1 through 8 {} - │ ^^^^^^^ - 4 │ @for $i - 5 │ from - - i Remove through - -for.css:3:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '8'. - - 1 │ @for $i from 1 through 8 {} - 2 │ @for $i from 1 through 8{} - > 3 │ @for $i from 1 through 8 {} - │ ^ - 4 │ @for $i - 5 │ from - - i Expected a compound selector here. - - 1 │ @for $i from 1 through 8 {} - 2 │ @for $i from 1 through 8{} - > 3 │ @for $i from 1 through 8 {} - │ ^ - 4 │ @for $i - 5 │ from - -for.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 2 │ @for $i from 1 through 8{} - 3 │ @for $i from 1 through 8 {} - > 4 │ @for $i - │ ^^^ - 5 │ from - 6 │ 1 - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -for.css:6:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 4 │ @for $i - 5 │ from - > 6 │ 1 - │ ^ - 7 │ through - 8 │ 8 - - i Expected a compound selector here. - - 4 │ @for $i - 5 │ from - > 6 │ 1 - │ ^ - 7 │ through - 8 │ 8 - -for.css:8:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '8'. - - 6 │ 1 - 7 │ through - > 8 │ 8 - │ ^ - 9 │ {} - 10 │ @for - - i Expected a compound selector here. - - 6 │ 1 - 7 │ through - > 8 │ 8 - │ ^ - 9 │ {} - 10 │ @for - -for.css:10:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 8 │ 8 - 9 │ {} - > 10 │ @for - │ ^^^ - 11 │ $i - 12 │ from - - 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 - -for.css:13:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 11 │ $i - 12 │ from - > 13 │ 1 - │ ^ - 14 │ through - 15 │ 8 - - i Expected a compound selector here. - - 11 │ $i - 12 │ from - > 13 │ 1 - │ ^ - 14 │ through - 15 │ 8 - -for.css:15:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '8'. - - 13 │ 1 - 14 │ through - > 15 │ 8 - │ ^ - 16 │ {} - 17 │ @for - - i Expected a compound selector here. - - 13 │ 1 - 14 │ through - > 15 │ 8 - │ ^ - 16 │ {} - 17 │ @for - -for.css:17:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 15 │ 8 - 16 │ {} - > 17 │ @for - │ ^^^ - 18 │ $i - 19 │ from - - 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 - -for.css:20:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 18 │ $i - 19 │ from - > 20 │ 1 - │ ^ - 21 │ through - 22 │ 8 - - i Expected a compound selector here. - - 18 │ $i - 19 │ from - > 20 │ 1 - │ ^ - 21 │ through - 22 │ 8 - -for.css:22:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '8'. - - 20 │ 1 - 21 │ through - > 22 │ 8 - │ ^ - 23 │ {} - 24 │ @for - - i Expected a compound selector here. - - 20 │ 1 - 21 │ through - > 22 │ 8 - │ ^ - 23 │ {} - 24 │ @for - -for.css:24:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 22 │ 8 - 23 │ {} - > 24 │ @for - │ ^^^ - 25 │ - 26 │ $i - - 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 - -for.css:30:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 28 │ from - 29 │ - > 30 │ 1 - │ ^ - 31 │ - 32 │ through - - i Expected a compound selector here. - - 28 │ from - 29 │ - > 30 │ 1 - │ ^ - 31 │ - 32 │ through - -for.css:34:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '8'. - - 32 │ through - 33 │ - > 34 │ 8 - │ ^ - 35 │ - 36 │ {} - - i Expected a compound selector here. - - 32 │ through - 33 │ - > 34 │ 8 - │ ^ - 35 │ - 36 │ {} - -for.css:37:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 36 │ {} - > 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - │ ^^^ - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - - 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 - -for.css:37:96 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 36 │ {} - > 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - │ ^ - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - - i Expected a compound selector here. - - 36 │ {} - > 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - │ ^ - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - -for.css:37:98 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `through` - - 36 │ {} - > 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - │ ^^^^^^^ - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - - i Remove through - -for.css:37:106 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '5'. - - 36 │ {} - > 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - │ ^ - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - - i Expected a compound selector here. - - 36 │ {} - > 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - │ ^ - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - -for.css:38:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 36 │ {} - 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - > 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - │ ^^^ - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - - 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 - -for.css:38:108 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '5'. - - 36 │ {} - 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - > 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - │ ^ - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - - i Expected a compound selector here. - - 36 │ {} - 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - > 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - │ ^ - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - -for.css:39:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - > 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - │ ^^^ - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - - 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 - -for.css:39:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - > 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - │ ^ - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - - i Expected a compound selector here. - - 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - > 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - │ ^ - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - -for.css:39:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `through` - - 37 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - > 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - │ ^^^^^^^ - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - - i Remove through - -for.css:40:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 38 │ @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - │ ^^^ - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - - 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 - -for.css:41:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 39 │ @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - │ ^^^ - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - - 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 - -for.css:42:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - │ ^^^ - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - 44 │ - - 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 - -for.css:42:96 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - │ ^ - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - 44 │ - - i Expected a compound selector here. - - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - │ ^ - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - 44 │ - -for.css:42:97 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$var1` - - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - │ ^^^^^ - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - 44 │ - - i Remove $var1 - -for.css:42:110 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - │ ^ - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - 44 │ - - i Remove ) - -for.css:42:112 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `through` - - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - │ ^^^^^^^ - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - 44 │ - - i Remove through - -for.css:42:120 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - │ ^ - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - 44 │ - - i Expected a compound selector here. - - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - │ ^ - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - 44 │ - -for.css:42:121 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$var-2` - - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - │ ^^^^^^ - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - 44 │ - - i Remove $var-2 - -for.css:42:136 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 40 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - > 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - │ ^ - 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - 44 │ - - i Remove ) - -for.css:43:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - > 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - │ ^^^ - 44 │ - - 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 - -for.css:43:96 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - > 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - │ ^ - 44 │ - - i Expected a compound selector here. - - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - > 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - │ ^ - 44 │ - -for.css:43:97 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1` - - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - > 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 44 │ - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 - -for.css:43:270 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - > 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - │ ^ - 44 │ - - i Remove ) - -for.css:43:272 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `through` - - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - > 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - │ ^^^^^^^ - 44 │ - - i Remove through - -for.css:43:280 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - > 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - │ ^ - 44 │ - - i Expected a compound selector here. - - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - > 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - │ ^ - 44 │ - -for.css:43:281 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2` - - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - > 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 44 │ - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 - -for.css:43:456 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 41 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 42 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - > 43 │ @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} - │ ^ - 44 │ - - i Remove ) - - ``` # Lines exceeding max width of 80 characters ``` - 43: for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 {} - 45: for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 {} - 47: for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 {} - 50: $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - 52: $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 - 54: $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { - 58: $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - 60: $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 - 62: $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { - 65: for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) {} - 67: for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) {} + 35: @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from 1 through 5 { + 37: @for $i from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through 5 { + 39: @for $i from 1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { + 41: @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 through $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { + 43: @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 end $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 { + 45: @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($var1 + $var1) through ($var-2 + $var-2) { + 47: @for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var from ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1) through ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 + $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2) { ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/function.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/function.css.snap index 08e13b4fd7af..9014a48ca36d 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/function.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/function.css.snap @@ -102,53 +102,42 @@ $args ```diff --- Prettier +++ Biome -@@ -1,39 +1,89 @@ --@function func($arg, $arg1, $arg2: 10, $args...) { -- @return "Func"; -+@ -+function func($arg, $arg1, $arg2: 10, $args...) { -+ @return "Func"; +@@ -1,39 +1,73 @@ + @function func($arg, $arg1, $arg2: 10, $args...) { + @return "Func"; } -@function func($arg, $arg1, $arg2: 10, $args...) { -- @return "Func"; -+@function func($arg,$arg1,$arg2:10,$args...){ -+ @return "Func"; ++@function func($arg,$arg1,$arg2:10,$args...) { + @return "Func"; } -@function func($arg, $arg1, $arg2: 10, $args...) { -- @return "Func"; +@function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { -+ @return "Func"; + @return "Func"; } -@function func($arg, $arg1, $arg2: 10, $args...) { -- @return "Func"; -+@function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { -+ @return "Func"; ++@function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { + @return "Func"; } -@function func($arg, $arg1, $arg2: 10, $args...) { -- @return "Func"; +@function func( + $arg, + $arg1, + $arg2: 10, + $args... -+) { -+ @return "Func"; ++) { + @return "Func"; } -@function func($arg, $arg1, $arg2: 10, $args...) { -- @return "Func"; -+@function -+ func( ++@function func( + $arg, + $arg1, + $arg2: 10, + $args... -+ ) { -+ @return "Func"; ++ ) { + @return "Func"; } -@function func($arg, $arg1, $arg2: 10, $args...) { -- @return "Func"; -+@function -+func ++@function func +( +$arg +, @@ -160,19 +149,14 @@ $args +, +$args +... -+) -+{ -+@return -+"Func" -+; ++) { + @return "Func"; } -@function func( - $arg, - $arg1, - $arg2: 10, -+@function -+ -+func ++@function func + +( + @@ -185,7 +169,8 @@ $args +, + +$arg2 -+ + +- $args... +: + +10 @@ -196,19 +181,8 @@ $args + +... + -+) -+ -+{ -+ -+@return - -- $args... --) { -- @return "Func"; -+"Func" -+ -+; -+ + ) { + @return "Func"; } -@function func( - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, @@ -217,47 +191,43 @@ $args - 10, - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args... -) { -- @return "Func"; +@function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { -+ @return "Func"; + @return "Func"; } ``` # Output ```css -@ -function func($arg, $arg1, $arg2: 10, $args...) { - @return "Func"; +@function func($arg, $arg1, $arg2: 10, $args...) { + @return "Func"; } -@function func($arg,$arg1,$arg2:10,$args...){ - @return "Func"; +@function func($arg,$arg1,$arg2:10,$args...) { + @return "Func"; } @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - @return "Func"; + @return "Func"; } -@function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - @return "Func"; +@function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { + @return "Func"; } @function func( $arg, $arg1, $arg2: 10, $args... -) { - @return "Func"; +) { + @return "Func"; } -@function - func( +@function func( $arg, $arg1, $arg2: 10, $args... - ) { - @return "Func"; + ) { + @return "Func"; } -@function -func +@function func ( $arg , @@ -269,15 +239,10 @@ $arg2 , $args ... -) -{ -@return -"Func" -; +) { + @return "Func"; } -@function - -func +@function func ( @@ -301,1948 +266,15 @@ $args ... -) - -{ - -@return - -"Func" - -; - +) { + @return "Func"; } @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - @return "Func"; + @return "Func"; } ``` -# Errors -``` -function.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - │ ^^^^^^^^ - 2 │ @return "Func"; - 3 │ } - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -function.css:1:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - > 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - │ ^ - 2 │ @return "Func"; - 3 │ } - - i Remove ( - -function.css:1:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$arg` - - > 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - │ ^^^^ - 2 │ @return "Func"; - 3 │ } - - i Remove $arg - -function.css:1:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - │ ^^ - 2 │ @return "Func"; - 3 │ } - - 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 - -function.css:1:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - > 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - │ ^ - 2 │ @return "Func"; - 3 │ } - - i Expected an identifier here. - - > 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - │ ^ - 2 │ @return "Func"; - 3 │ } - -function.css:1:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - > 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - │ ^ - 2 │ @return "Func"; - 3 │ } - - i Expected an identifier here. - - > 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - │ ^ - 2 │ @return "Func"; - 3 │ } - -function.css:1:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found ')'. - - > 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - │ ^ - 2 │ @return "Func"; - 3 │ } - - i Expected an identifier here. - - > 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - │ ^ - 2 │ @return "Func"; - 3 │ } - -function.css:2:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - > 2 │ @return "Func"; - │ ^^^^^^ - 3 │ } - 4 │ @function func($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 - -function.css:2:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"Func"'. - - 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - > 2 │ @return "Func"; - │ ^^^^^^ - 3 │ } - 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - - i Expected a compound selector here. - - 1 │ @function func($arg, $arg1, $arg2: 10, $args...) { - > 2 │ @return "Func"; - │ ^^^^^^ - 3 │ } - 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - -function.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 2 │ @return "Func"; - 3 │ } - > 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - │ ^^^^^^^^ - 5 │ @return "Func"; - 6 │ } - - i Remove function - -function.css:4:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 2 │ @return "Func"; - 3 │ } - > 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - │ ^ - 5 │ @return "Func"; - 6 │ } - - i Remove ( - -function.css:4:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$arg` - - 2 │ @return "Func"; - 3 │ } - > 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - │ ^^^^ - 5 │ @return "Func"; - 6 │ } - - i Remove $arg - -function.css:4:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 2 │ @return "Func"; - 3 │ } - > 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - │ ^^ - 5 │ @return "Func"; - 6 │ } - - 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 - -function.css:4:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 2 │ @return "Func"; - 3 │ } - > 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - │ ^ - 5 │ @return "Func"; - 6 │ } - - i Expected an identifier here. - - 2 │ @return "Func"; - 3 │ } - > 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - │ ^ - 5 │ @return "Func"; - 6 │ } - -function.css:4:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 2 │ @return "Func"; - 3 │ } - > 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - │ ^ - 5 │ @return "Func"; - 6 │ } - - i Expected an identifier here. - - 2 │ @return "Func"; - 3 │ } - > 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - │ ^ - 5 │ @return "Func"; - 6 │ } - -function.css:4:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found ')'. - - 2 │ @return "Func"; - 3 │ } - > 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - │ ^ - 5 │ @return "Func"; - 6 │ } - - i Expected an identifier here. - - 2 │ @return "Func"; - 3 │ } - > 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - │ ^ - 5 │ @return "Func"; - 6 │ } - -function.css:5:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 3 │ } - 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - > 5 │ @return "Func"; - │ ^^^^^^ - 6 │ } - 7 │ @function func ( $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 - -function.css:5:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"Func"'. - - 3 │ } - 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - > 5 │ @return "Func"; - │ ^^^^^^ - 6 │ } - 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - - i Expected a compound selector here. - - 3 │ } - 4 │ @function func($arg,$arg1,$arg2:10,$args...){ - > 5 │ @return "Func"; - │ ^^^^^^ - 6 │ } - 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - -function.css:7:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^^^^^^^^ - 8 │ @return "Func"; - 9 │ } - - i Remove function - -function.css:7:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 8 │ @return "Func"; - 9 │ } - - i Expected a compound selector here. - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 8 │ @return "Func"; - 9 │ } - -function.css:7:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$arg` - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^^^^ - 8 │ @return "Func"; - 9 │ } - - i Remove $arg - -function.css:7:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^^ - 8 │ @return "Func"; - 9 │ } - - 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 - -function.css:7:53 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 8 │ @return "Func"; - 9 │ } - - i Expected an identifier here. - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 8 │ @return "Func"; - 9 │ } - -function.css:7:54 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 8 │ @return "Func"; - 9 │ } - - i Expected an identifier here. - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 8 │ @return "Func"; - 9 │ } - -function.css:7:56 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found ')'. - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 8 │ @return "Func"; - 9 │ } - - i Expected an identifier here. - - 5 │ @return "Func"; - 6 │ } - > 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 8 │ @return "Func"; - 9 │ } - -function.css:8:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 6 │ } - 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - > 8 │ @return "Func"; - │ ^^^^^^ - 9 │ } - 10 │ @function func ( $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 - -function.css:8:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"Func"'. - - 6 │ } - 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - > 8 │ @return "Func"; - │ ^^^^^^ - 9 │ } - 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - - i Expected a compound selector here. - - 6 │ } - 7 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - > 8 │ @return "Func"; - │ ^^^^^^ - 9 │ } - 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - -function.css:10:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^^^^^^^^ - 11 │ @return "Func"; - 12 │ } - - i Remove function - -function.css:10:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 11 │ @return "Func"; - 12 │ } - - i Expected a compound selector here. - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 11 │ @return "Func"; - 12 │ } - -function.css:10:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$arg` - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^^^^ - 11 │ @return "Func"; - 12 │ } - - i Remove $arg - -function.css:10:50 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^^ - 11 │ @return "Func"; - 12 │ } - - 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 - -function.css:10:65 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 11 │ @return "Func"; - 12 │ } - - i Expected an identifier here. - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 11 │ @return "Func"; - 12 │ } - -function.css:10:66 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 11 │ @return "Func"; - 12 │ } - - i Expected an identifier here. - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 11 │ @return "Func"; - 12 │ } - -function.css:10:69 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found ')'. - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 11 │ @return "Func"; - 12 │ } - - i Expected an identifier here. - - 8 │ @return "Func"; - 9 │ } - > 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - │ ^ - 11 │ @return "Func"; - 12 │ } - -function.css:11:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 9 │ } - 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - > 11 │ @return "Func"; - │ ^^^^^^ - 12 │ } - 13 │ @function func( - - 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 - -function.css:11:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"Func"'. - - 9 │ } - 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - > 11 │ @return "Func"; - │ ^^^^^^ - 12 │ } - 13 │ @function func( - - i Expected a compound selector here. - - 9 │ } - 10 │ @function func ( $arg , $arg1 , $arg2 : 10 , $args ... ) { - > 11 │ @return "Func"; - │ ^^^^^^ - 12 │ } - 13 │ @function func( - -function.css:13:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 11 │ @return "Func"; - 12 │ } - > 13 │ @function func( - │ ^^^^^^^^ - 14 │ $arg, - 15 │ $arg1, - - i Remove function - -function.css:13:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 11 │ @return "Func"; - 12 │ } - > 13 │ @function func( - │ ^ - 14 │ $arg, - 15 │ $arg1, - - i Remove ( - -function.css:14:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$arg` - - 12 │ } - 13 │ @function func( - > 14 │ $arg, - │ ^^^^ - 15 │ $arg1, - 16 │ $arg2: 10, - - i Remove $arg - -function.css:16:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 14 │ $arg, - 15 │ $arg1, - > 16 │ $arg2: 10, - │ ^^ - 17 │ $args... - 18 │ ) { - - 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 - -function.css:17:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 15 │ $arg1, - 16 │ $arg2: 10, - > 17 │ $args... - │ ^ - 18 │ ) { - 19 │ @return "Func"; - - i Expected an identifier here. - - 15 │ $arg1, - 16 │ $arg2: 10, - > 17 │ $args... - │ ^ - 18 │ ) { - 19 │ @return "Func"; - -function.css:17:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 15 │ $arg1, - 16 │ $arg2: 10, - > 17 │ $args... - │ ^ - 18 │ ) { - 19 │ @return "Func"; - - i Expected an identifier here. - - 15 │ $arg1, - 16 │ $arg2: 10, - > 17 │ $args... - │ ^ - 18 │ ) { - 19 │ @return "Func"; - -function.css:18:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found ')'. - - 16 │ $arg2: 10, - 17 │ $args... - > 18 │ ) { - │ ^ - 19 │ @return "Func"; - 20 │ } - - i Expected an identifier here. - - 16 │ $arg2: 10, - 17 │ $args... - > 18 │ ) { - │ ^ - 19 │ @return "Func"; - 20 │ } - -function.css:19:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 17 │ $args... - 18 │ ) { - > 19 │ @return "Func"; - │ ^^^^^^ - 20 │ } - 21 │ @function - - 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 - -function.css:19:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"Func"'. - - 17 │ $args... - 18 │ ) { - > 19 │ @return "Func"; - │ ^^^^^^ - 20 │ } - 21 │ @function - - i Expected a compound selector here. - - 17 │ $args... - 18 │ ) { - > 19 │ @return "Func"; - │ ^^^^^^ - 20 │ } - 21 │ @function - -function.css:21:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 19 │ @return "Func"; - 20 │ } - > 21 │ @function - │ ^^^^^^^^ - 22 │ func( - 23 │ $arg, - - i Remove function - -function.css:22:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 20 │ } - 21 │ @function - > 22 │ func( - │ ^ - 23 │ $arg, - 24 │ $arg1, - - i Remove ( - -function.css:23:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$arg` - - 21 │ @function - 22 │ func( - > 23 │ $arg, - │ ^^^^ - 24 │ $arg1, - 25 │ $arg2: 10, - - i Remove $arg - -function.css:25:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 23 │ $arg, - 24 │ $arg1, - > 25 │ $arg2: 10, - │ ^^ - 26 │ $args... - 27 │ ) { - - 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 - -function.css:26:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 24 │ $arg1, - 25 │ $arg2: 10, - > 26 │ $args... - │ ^ - 27 │ ) { - 28 │ @return "Func"; - - i Expected an identifier here. - - 24 │ $arg1, - 25 │ $arg2: 10, - > 26 │ $args... - │ ^ - 27 │ ) { - 28 │ @return "Func"; - -function.css:26:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 24 │ $arg1, - 25 │ $arg2: 10, - > 26 │ $args... - │ ^ - 27 │ ) { - 28 │ @return "Func"; - - i Expected an identifier here. - - 24 │ $arg1, - 25 │ $arg2: 10, - > 26 │ $args... - │ ^ - 27 │ ) { - 28 │ @return "Func"; - -function.css:27:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found ')'. - - 25 │ $arg2: 10, - 26 │ $args... - > 27 │ ) { - │ ^ - 28 │ @return "Func"; - 29 │ } - - i Expected an identifier here. - - 25 │ $arg2: 10, - 26 │ $args... - > 27 │ ) { - │ ^ - 28 │ @return "Func"; - 29 │ } - -function.css:28:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 26 │ $args... - 27 │ ) { - > 28 │ @return "Func"; - │ ^^^^^^ - 29 │ } - 30 │ @function - - 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 - -function.css:28:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"Func"'. - - 26 │ $args... - 27 │ ) { - > 28 │ @return "Func"; - │ ^^^^^^ - 29 │ } - 30 │ @function - - i Expected a compound selector here. - - 26 │ $args... - 27 │ ) { - > 28 │ @return "Func"; - │ ^^^^^^ - 29 │ } - 30 │ @function - -function.css:30:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 28 │ @return "Func"; - 29 │ } - > 30 │ @function - │ ^^^^^^^^ - 31 │ func - 32 │ ( - - i Remove function - -function.css:32:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 30 │ @function - 31 │ func - > 32 │ ( - │ ^ - 33 │ $arg - 34 │ , - - i Expected a compound selector here. - - 30 │ @function - 31 │ func - > 32 │ ( - │ ^ - 33 │ $arg - 34 │ , - -function.css:33:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$arg` - - 31 │ func - 32 │ ( - > 33 │ $arg - │ ^^^^ - 34 │ , - 35 │ $arg1 - - i Remove $arg - -function.css:39:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 37 │ $arg2 - 38 │ : - > 39 │ 10 - │ ^^ - 40 │ , - 41 │ $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 - -function.css:42:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 40 │ , - 41 │ $args - > 42 │ ... - │ ^ - 43 │ ) - 44 │ { - - i Expected an identifier here. - - 40 │ , - 41 │ $args - > 42 │ ... - │ ^ - 43 │ ) - 44 │ { - -function.css:42:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 40 │ , - 41 │ $args - > 42 │ ... - │ ^ - 43 │ ) - 44 │ { - - i Expected an identifier here. - - 40 │ , - 41 │ $args - > 42 │ ... - │ ^ - 43 │ ) - 44 │ { - -function.css:43:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found ')'. - - 41 │ $args - 42 │ ... - > 43 │ ) - │ ^ - 44 │ { - 45 │ @return - - i Expected an identifier here. - - 41 │ $args - 42 │ ... - > 43 │ ) - │ ^ - 44 │ { - 45 │ @return - -function.css:45:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 43 │ ) - 44 │ { - > 45 │ @return - │ ^^^^^^ - 46 │ "Func" - 47 │ ; - - 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 - -function.css:46:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"Func"'. - - 44 │ { - 45 │ @return - > 46 │ "Func" - │ ^^^^^^ - 47 │ ; - 48 │ } - - i Expected a compound selector here. - - 44 │ { - 45 │ @return - > 46 │ "Func" - │ ^^^^^^ - 47 │ ; - 48 │ } - -function.css:49:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 47 │ ; - 48 │ } - > 49 │ @function - │ ^^^^^^^^ - 50 │ - 51 │ func - - i Remove function - -function.css:53:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 51 │ func - 52 │ - > 53 │ ( - │ ^ - 54 │ - 55 │ $arg - - i Expected a compound selector here. - - 51 │ func - 52 │ - > 53 │ ( - │ ^ - 54 │ - 55 │ $arg - -function.css:55:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$arg` - - 53 │ ( - 54 │ - > 55 │ $arg - │ ^^^^ - 56 │ - 57 │ , - - i Remove $arg - -function.css:67:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 65 │ : - 66 │ - > 67 │ 10 - │ ^^ - 68 │ - 69 │ , - - 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 - -function.css:73:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 71 │ $args - 72 │ - > 73 │ ... - │ ^ - 74 │ - 75 │ ) - - i Expected an identifier here. - - 71 │ $args - 72 │ - > 73 │ ... - │ ^ - 74 │ - 75 │ ) - -function.css:73:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 71 │ $args - 72 │ - > 73 │ ... - │ ^ - 74 │ - 75 │ ) - - i Expected an identifier here. - - 71 │ $args - 72 │ - > 73 │ ... - │ ^ - 74 │ - 75 │ ) - -function.css:75:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found ')'. - - 73 │ ... - 74 │ - > 75 │ ) - │ ^ - 76 │ - 77 │ { - - i Expected an identifier here. - - 73 │ ... - 74 │ - > 75 │ ) - │ ^ - 76 │ - 77 │ { - -function.css:79:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 77 │ { - 78 │ - > 79 │ @return - │ ^^^^^^ - 80 │ - 81 │ "Func" - - 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 - -function.css:81:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"Func"'. - - 79 │ @return - 80 │ - > 81 │ "Func" - │ ^^^^^^ - 82 │ - 83 │ ; - - i Expected a compound selector here. - - 79 │ @return - 80 │ - > 81 │ "Func" - │ ^^^^^^ - 82 │ - 83 │ ; - -function.css:86:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 85 │ } - > 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - │ ^^^^^^^^ - 87 │ @return "Func"; - 88 │ } - - i Remove function - -function.css:86:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 85 │ } - > 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - │ ^ - 87 │ @return "Func"; - 88 │ } - - i Remove ( - -function.css:86:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg` - - 85 │ } - > 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 87 │ @return "Func"; - 88 │ } - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg - -function.css:86:261 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 85 │ } - > 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - │ ^^ - 87 │ @return "Func"; - 88 │ } - - 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 - -function.css:86:346 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 85 │ } - > 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - │ ^ - 87 │ @return "Func"; - 88 │ } - - i Expected an identifier here. - - 85 │ } - > 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - │ ^ - 87 │ @return "Func"; - 88 │ } - -function.css:86:347 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found '.'. - - 85 │ } - > 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - │ ^ - 87 │ @return "Func"; - 88 │ } - - i Expected an identifier here. - - 85 │ } - > 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - │ ^ - 87 │ @return "Func"; - 88 │ } - -function.css:86:348 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected an identifier but instead found ')'. - - 85 │ } - > 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - │ ^ - 87 │ @return "Func"; - 88 │ } - - i Expected an identifier here. - - 85 │ } - > 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - │ ^ - 87 │ @return "Func"; - 88 │ } - -function.css:87:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 85 │ } - 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - > 87 │ @return "Func"; - │ ^^^^^^ - 88 │ } - 89 │ - - 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 - -function.css:87:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"Func"'. - - 85 │ } - 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - > 87 │ @return "Func"; - │ ^^^^^^ - 88 │ } - 89 │ - - i Expected a compound selector here. - - 85 │ } - 86 │ @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { - > 87 │ @return "Func"; - │ ^^^^^^ - 88 │ } - 89 │ - -function.css:89:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `{` but instead the file ends - - 87 │ @return "Func"; - 88 │ } - > 89 │ - │ - - i the file ends here - - 87 │ @return "Func"; - 88 │ } - > 89 │ - │ - - -``` - # Lines exceeding max width of 80 characters ``` - 87: @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { + 71: @function func($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) { ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/if-else.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/if-else.css.snap index 433de6e70e92..a9c8e5f69229 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/if-else.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/if-else.css.snap @@ -2,7 +2,6 @@ source: crates/biome_formatter_test/src/snapshot_builder.rs info: css/atrule/if-else.css --- - # Input ```css @@ -160,362 +159,252 @@ p { ```diff --- Prettier +++ Biome -@@ -1,102 +1,205 @@ --@if $media == phonePortrait { -- $k: 0.15625; +@@ -1,8 +1,10 @@ + @if $media == phonePortrait { + $k: 0.15625; -} @else if $media == phoneLandscape { -- $k: 0.08803; --} @else if $media == tabletPortrait { -- $k: 0.065106; -+@ -+if $media == phonePortrait { -+ $k: .15625; +} -+@ -+else if $media == phoneLandscape { -+ $k: .08803; ++@else if $media == phoneLandscape { + $k: 0.08803; +-} @else if $media == tabletPortrait { +} -+@ -+else if $media == tabletPortrait { -+ $k: .065106; ++@else if $media == tabletPortrait { + $k: 0.065106; } p { +@@ -10,93 +12,143 @@ + } + @if $type==ocean { + } - @if $type == ocean { -- } -- @if $type==ocean { -- } -- @if $type == ocean { -- } ++ @if $type == ocean { + } - @if $type == ocean { -- } ++ @if $type ++ == ocean { + } - @if $type == ocean { -- } ++ @if $type ++ == ++ ocean { + } - @if $type == ocean { -- } -- @if (($type) == (ocean)) { -- } ++ @if $type ++ ++ == ++ ++ ocean { + } + @if (($type) == (ocean)) { + } - @if (($type) ==(ocean)) { -- } ++ @if (($type)==(ocean)) { + } - @if (($type) == (ocean)) { -- } ++ @if ( ( $type ) == ( ocean ) ) { + } - @if (($type) == (ocean)) { -- } ++ @if (($type) ++ == (ocean)) { + } - @if (($type) == (ocean)) { -- } ++ @if ( ++ ( ++ $type ++ ) ++ == ++ ( ++ ocean ++ ) ++ ) { + } - @if (($type) == (ocean)) { -- } -- @if $type == ocean { -- color: blue; ++ @if ( ++ ++ ( ++ ++ $type ++ ++ ) ++ ++ == ++ ++ ( ++ ++ ocean ++ ++ ) ++ ++ ) { + } + @if $type == ocean { + color: blue; - } @else if $type == matador { -- color: red; ++ } ++ @else if $type == matador { + color: red; - } @else if $type == monster { -- color: green; ++ } ++ @else if $type == monster { + color: green; - } @else { -- color: black; -- } -- @if $type == ocean { ++ } ++ @else { + color: black; + } + @if $type == ocean { - } @else if $type == matador { -- } -- @if $type==ocean { + } ++ @else if $type == matador { ++ } + @if $type==ocean { - } @else if $type==matador { -- } -- @if $type == ocean { + } ++ @else if $type==matador { ++ } ++ @if $type == ocean { ++ } ++ @else if $type == matador { ++ } + @if $type == ocean { - } @else if $type == matador { -- } + } - @if $type == ocean { - } @else if $type == matador { -- } -- @if $type == ocean { ++ @else if $type == matador { + } + @if $type == ocean { - } @else if $type == matador { -- } + } - @if $type == ocean { - } @else if $type == matador { -- } ++ @else if ++ $type == matador { + } - @if $type == ocean { - } @else if $type == matador { -- } ++ @if $type ++ == ++ ocean { + } - @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables -+ @ -+ if $type == ocean {} -+ @ -+ if $type==ocean{} -+ @ -+ if $type == ocean {} -+ @ -+ if $type -+ == ocean {} -+ @ -+ if -+ $type -+ == -+ ocean -+ { -+ } -+ @ -+ if +- == +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { ++ @else if ++ $type ++ == ++ matador { ++ } ++ @if $type + -+ $type ++ == + - == -- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { -- color: blue; -- } @else if -- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables ++ ocean { ++ } + -+ ocean ++ @else if + -+ { ++ $type + -+ } -+ @ -+ if (($type) == (ocean)) {} -+ @ -+ if (($type)==(ocean)){} -+ @ -+ if ( ( $type ) == ( ocean ) ) {} -+ @ -+ if (($type) -+ == (ocean)) {} -+ @ -+ if -+ ( -+ ( -+ $type -+ ) - == ++ == ++ ++ matador { ++ } ++ @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { + color: blue; +- } @else if +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables +- == - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { -- color: red; ++ } ++ @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { + color: red; - } @else if - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables -+ ( -+ ocean -+ ) -+ ) -+ { -+ } -+ @ -+ if -+ -+ ( -+ -+ ( -+ -+ $type -+ -+ ) -+ - == +- == - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { -- color: green; ++ } ++ @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { + color: green; - } @else { -+ -+ ( -+ -+ ocean -+ -+ ) -+ -+ ) -+ -+ { -+ -+ } -+ @ -+ if $type == ocean { -+ color: blue; -+ } -+ @ -+ else if $type == matador { -+ color: red; -+ } -+ @ -+ else if $type == monster { -+ color: green; -+ } -+ @ -+ else { ++ } ++ @else { color: black; } -- @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 { -- } + @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 { + } - @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var - == 0 { -- } ++ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 { + } - @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and - $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 { -- } ++ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 { + } - @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != "em" - or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * - $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size - != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or - $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px { -- } -- @if (str-slice($item, 0, 1) == ":") { -- } -- @if (str-slice($item, 0, 3) == " : ") { -+ @ -+ if $type == ocean { -+ } -+ @ -+ else if $type == matador { -+ } -+ @ -+ if $type==ocean{} -+ @ -+ else if $type==matador{} -+ @ -+ if $type == ocean { } -+ @ -+ else if $type == matador { } -+ @ -+ if $type == ocean {} -+ @ -+ else if $type == matador {} -+ @ -+ if -+ $type == ocean {} -+ @ -+ else if -+ $type == matador {} -+ @ -+ if -+ $type -+ == -+ ocean -+ { -+ } -+ @ -+ else -+ if -+ $type -+ == -+ matador -+ { -+ } -+ @ -+ if -+ -+ $type -+ -+ == -+ -+ ocean -+ -+ { -+ -+ } -+ -+ @ -+ else -+ -+ if -+ -+ $type -+ -+ == -+ -+ matador -+ -+ { -+ -+ } -+ @ -+ if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { -+ color: blue; -+ } -+ @ -+ else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { -+ color: red; -+ } -+ @ -+ else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { -+ color: green; -+ } -+ @ -+ else { -+ color: black; ++ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px { } -- @if ($type == ocean) { + @if (str-slice($item, 0, 1) == ":") { + } + @if (str-slice($item, 0, 3) == " : ") { + } + @if ($type == ocean) { - } @else if ($type == matador) { - } @else { -+ @ -+ if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} -+ @ -+ if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} -+ @ -+ if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} -+ @ -+ if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} -+ @ -+ if (str-slice($item, 0, 1) == ":") {} -+ @ -+ if (str-slice($item, 0, 3) == " : ") {} -+ @ -+ if ($type == ocean) {} -+ @ -+ else if ($type == matador) {} -+ @ -+ else { } ++ @else if ($type == matador) { ++ } ++ @else { ++ } } ``` # Output ```css -@ -if $media == phonePortrait { - $k: .15625; +@if $media == phonePortrait { + $k: 0.15625; } -@ -else if $media == phoneLandscape { - $k: .08803; +@else if $media == phoneLandscape { + $k: 0.08803; } -@ -else if $media == tabletPortrait { - $k: .065106; +@else if $media == tabletPortrait { + $k: 0.065106; } p { - @ - if $type == ocean {} - @ - if $type==ocean{} - @ - if $type == ocean {} - @ - if $type - == ocean {} - @ - if - $type + @if $type == ocean { + } + @if $type==ocean { + } + @if $type == ocean { + } + @if $type + == ocean { + } + @if $type == - ocean - { - } - @ - if - - $type + ocean { + } + @if $type == - ocean - - { - - } - @ - if (($type) == (ocean)) {} - @ - if (($type)==(ocean)){} - @ - if ( ( $type ) == ( ocean ) ) {} - @ - if (($type) - == (ocean)) {} - @ - if - ( + ocean { + } + @if (($type) == (ocean)) { + } + @if (($type)==(ocean)) { + } + @if ( ( $type ) == ( ocean ) ) { + } + @if (($type) + == (ocean)) { + } + @if ( ( $type ) @@ -523,13 +412,9 @@ p { ( ocean ) - ) - { - } - @ - if - - ( + ) { + } + @if ( ( @@ -545,3806 +430,104 @@ p { ) - ) - - { - - } - @ - if $type == ocean { - color: blue; - } - @ - else if $type == matador { - color: red; - } - @ - else if $type == monster { - color: green; - } - @ - else { + ) { + } + @if $type == ocean { + color: blue; + } + @else if $type == matador { + color: red; + } + @else if $type == monster { + color: green; + } + @else { color: black; } - @ - if $type == ocean { - } - @ - else if $type == matador { - } - @ - if $type==ocean{} - @ - else if $type==matador{} - @ - if $type == ocean { } - @ - else if $type == matador { } - @ - if $type == ocean {} - @ - else if $type == matador {} - @ - if - $type == ocean {} - @ - else if - $type == matador {} - @ - if - $type + @if $type == ocean { + } + @else if $type == matador { + } + @if $type==ocean { + } + @else if $type==matador { + } + @if $type == ocean { + } + @else if $type == matador { + } + @if $type == ocean { + } + @else if $type == matador { + } + @if $type == ocean { + } + @else if + $type == matador { + } + @if $type == - ocean - { - } - @ - else - if + ocean { + } + @else if $type == - matador - { - } - @ - if - - $type + matador { + } + @if $type == - ocean - - { - - } - - @ - else + ocean { + } - if + @else if $type == - matador - - { - - } - @ - if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - color: blue; - } - @ - else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - color: red; - } - @ - else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - color: green; - } - @ - else { + matador { + } + @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { + color: blue; + } + @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { + color: red; + } + @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { + color: green; + } + @else { color: black; } - @ - if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - @ - if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - @ - if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - @ - if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - @ - if (str-slice($item, 0, 1) == ":") {} - @ - if (str-slice($item, 0, 3) == " : ") {} - @ - if ($type == ocean) {} - @ - else if ($type == matador) {} - @ - else { + @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 { + } + @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 { + } + @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 { + } + @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px { + } + @if (str-slice($item, 0, 1) == ":") { + } + @if (str-slice($item, 0, 3) == " : ") { + } + @if ($type == ocean) { + } + @else if ($type == matador) { + } + @else { } } ``` -# Errors -``` -if-else.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @if $media == phonePortrait { - │ ^^ - 2 │ $k: .15625; - 3 │ } @else if $media == phoneLandscape { - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:1:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - > 1 │ @if $media == phonePortrait { - │ ^ - 2 │ $k: .15625; - 3 │ } @else if $media == phoneLandscape { - - i Expected a compound selector here. - - > 1 │ @if $media == phonePortrait { - │ ^ - 2 │ $k: .15625; - 3 │ } @else if $media == phoneLandscape { - -if-else.css:1:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `phonePortrait` - - > 1 │ @if $media == phonePortrait { - │ ^^^^^^^^^^^^^ - 2 │ $k: .15625; - 3 │ } @else if $media == phoneLandscape { - - i Remove phonePortrait - -if-else.css:3:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @if $media == phonePortrait { - 2 │ $k: .15625; - > 3 │ } @else if $media == phoneLandscape { - │ ^^^^ - 4 │ $k: .08803; - 5 │ } @else if $media == tabletPortrait { - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:3:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 1 │ @if $media == phonePortrait { - 2 │ $k: .15625; - > 3 │ } @else if $media == phoneLandscape { - │ ^ - 4 │ $k: .08803; - 5 │ } @else if $media == tabletPortrait { - - i Expected a compound selector here. - - 1 │ @if $media == phonePortrait { - 2 │ $k: .15625; - > 3 │ } @else if $media == phoneLandscape { - │ ^ - 4 │ $k: .08803; - 5 │ } @else if $media == tabletPortrait { - -if-else.css:3:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `phoneLandscape` - - 1 │ @if $media == phonePortrait { - 2 │ $k: .15625; - > 3 │ } @else if $media == phoneLandscape { - │ ^^^^^^^^^^^^^^ - 4 │ $k: .08803; - 5 │ } @else if $media == tabletPortrait { - - i Remove phoneLandscape - -if-else.css:5:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 3 │ } @else if $media == phoneLandscape { - 4 │ $k: .08803; - > 5 │ } @else if $media == tabletPortrait { - │ ^^^^ - 6 │ $k: .065106; - 7 │ } - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:5:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 3 │ } @else if $media == phoneLandscape { - 4 │ $k: .08803; - > 5 │ } @else if $media == tabletPortrait { - │ ^ - 6 │ $k: .065106; - 7 │ } - - i Expected a compound selector here. - - 3 │ } @else if $media == phoneLandscape { - 4 │ $k: .08803; - > 5 │ } @else if $media == tabletPortrait { - │ ^ - 6 │ $k: .065106; - 7 │ } - -if-else.css:5:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `tabletPortrait` - - 3 │ } @else if $media == phoneLandscape { - 4 │ $k: .08803; - > 5 │ } @else if $media == tabletPortrait { - │ ^^^^^^^^^^^^^^ - 6 │ $k: .065106; - 7 │ } - - i Remove tabletPortrait - -if-else.css:9:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 7 │ } - 8 │ p { - > 9 │ @if $type == ocean {} - │ ^^ - 10 │ @if $type==ocean{} - 11 │ @if $type == ocean {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:9:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 7 │ } - 8 │ p { - > 9 │ @if $type == ocean {} - │ ^ - 10 │ @if $type==ocean{} - 11 │ @if $type == ocean {} - - i Expected a compound selector here. - - 7 │ } - 8 │ p { - > 9 │ @if $type == ocean {} - │ ^ - 10 │ @if $type==ocean{} - 11 │ @if $type == ocean {} - -if-else.css:9:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 7 │ } - 8 │ p { - > 9 │ @if $type == ocean {} - │ ^^^^^ - 10 │ @if $type==ocean{} - 11 │ @if $type == ocean {} - - i Remove ocean - -if-else.css:10:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 8 │ p { - 9 │ @if $type == ocean {} - > 10 │ @if $type==ocean{} - │ ^^ - 11 │ @if $type == ocean {} - 12 │ @if $type - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:10:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `=` - - 8 │ p { - 9 │ @if $type == ocean {} - > 10 │ @if $type==ocean{} - │ ^ - 11 │ @if $type == ocean {} - 12 │ @if $type - - i Remove = - -if-else.css:10:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 8 │ p { - 9 │ @if $type == ocean {} - > 10 │ @if $type==ocean{} - │ ^^^^^ - 11 │ @if $type == ocean {} - 12 │ @if $type - - i Remove ocean - -if-else.css:11:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 9 │ @if $type == ocean {} - 10 │ @if $type==ocean{} - > 11 │ @if $type == ocean {} - │ ^^ - 12 │ @if $type - 13 │ == ocean {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:11:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 9 │ @if $type == ocean {} - 10 │ @if $type==ocean{} - > 11 │ @if $type == ocean {} - │ ^ - 12 │ @if $type - 13 │ == ocean {} - - i Expected a compound selector here. - - 9 │ @if $type == ocean {} - 10 │ @if $type==ocean{} - > 11 │ @if $type == ocean {} - │ ^ - 12 │ @if $type - 13 │ == ocean {} - -if-else.css:11:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 9 │ @if $type == ocean {} - 10 │ @if $type==ocean{} - > 11 │ @if $type == ocean {} - │ ^^^^^ - 12 │ @if $type - 13 │ == ocean {} - - i Remove ocean - -if-else.css:12:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 10 │ @if $type==ocean{} - 11 │ @if $type == ocean {} - > 12 │ @if $type - │ ^^ - 13 │ == ocean {} - 14 │ @if - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:13:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 11 │ @if $type == ocean {} - 12 │ @if $type - > 13 │ == ocean {} - │ ^ - 14 │ @if - 15 │ $type - - i Expected a compound selector here. - - 11 │ @if $type == ocean {} - 12 │ @if $type - > 13 │ == ocean {} - │ ^ - 14 │ @if - 15 │ $type - -if-else.css:13:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 11 │ @if $type == ocean {} - 12 │ @if $type - > 13 │ == ocean {} - │ ^^^^^ - 14 │ @if - 15 │ $type - - i Remove ocean - -if-else.css:14:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 12 │ @if $type - 13 │ == ocean {} - > 14 │ @if - │ ^^ - 15 │ $type - 16 │ == - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:16:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 14 │ @if - 15 │ $type - > 16 │ == - │ ^ - 17 │ ocean - 18 │ { - - i Expected a compound selector here. - - 14 │ @if - 15 │ $type - > 16 │ == - │ ^ - 17 │ ocean - 18 │ { - -if-else.css:17:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 15 │ $type - 16 │ == - > 17 │ ocean - │ ^^^^^ - 18 │ { - 19 │ } - - i Remove ocean - -if-else.css:20:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 18 │ { - 19 │ } - > 20 │ @if - │ ^^ - 21 │ - 22 │ $type - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:24:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 22 │ $type - 23 │ - > 24 │ == - │ ^ - 25 │ - 26 │ ocean - - i Expected a compound selector here. - - 22 │ $type - 23 │ - > 24 │ == - │ ^ - 25 │ - 26 │ ocean - -if-else.css:26:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 24 │ == - 25 │ - > 26 │ ocean - │ ^^^^^ - 27 │ - 28 │ { - - i Remove ocean - -if-else.css:31:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 30 │ } - > 31 │ @if (($type) == (ocean)) {} - │ ^^ - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:31:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 30 │ } - > 31 │ @if (($type) == (ocean)) {} - │ ^ - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - - i Expected a compound selector here. - - 30 │ } - > 31 │ @if (($type) == (ocean)) {} - │ ^ - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - -if-else.css:31:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$type` - - 30 │ } - > 31 │ @if (($type) == (ocean)) {} - │ ^^^^^ - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - - i Remove $type - -if-else.css:31:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 30 │ } - > 31 │ @if (($type) == (ocean)) {} - │ ^ - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - - i Remove ) - -if-else.css:31:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 30 │ } - > 31 │ @if (($type) == (ocean)) {} - │ ^^^^^ - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - - i Remove ocean - -if-else.css:31:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 30 │ } - > 31 │ @if (($type) == (ocean)) {} - │ ^ - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - - i Remove ) - -if-else.css:32:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 30 │ } - 31 │ @if (($type) == (ocean)) {} - > 32 │ @if (($type)==(ocean)){} - │ ^^ - 33 │ @if ( ( $type ) == ( ocean ) ) {} - 34 │ @if (($type) - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:32:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 30 │ } - 31 │ @if (($type) == (ocean)) {} - > 32 │ @if (($type)==(ocean)){} - │ ^ - 33 │ @if ( ( $type ) == ( ocean ) ) {} - 34 │ @if (($type) - - i Expected a compound selector here. - - 30 │ } - 31 │ @if (($type) == (ocean)) {} - > 32 │ @if (($type)==(ocean)){} - │ ^ - 33 │ @if ( ( $type ) == ( ocean ) ) {} - 34 │ @if (($type) - -if-else.css:32:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$type` - - 30 │ } - 31 │ @if (($type) == (ocean)) {} - > 32 │ @if (($type)==(ocean)){} - │ ^^^^^ - 33 │ @if ( ( $type ) == ( ocean ) ) {} - 34 │ @if (($type) - - i Remove $type - -if-else.css:32:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 30 │ } - 31 │ @if (($type) == (ocean)) {} - > 32 │ @if (($type)==(ocean)){} - │ ^ - 33 │ @if ( ( $type ) == ( ocean ) ) {} - 34 │ @if (($type) - - i Remove ) - -if-else.css:32:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 30 │ } - 31 │ @if (($type) == (ocean)) {} - > 32 │ @if (($type)==(ocean)){} - │ ^^^^^ - 33 │ @if ( ( $type ) == ( ocean ) ) {} - 34 │ @if (($type) - - i Remove ocean - -if-else.css:32:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 30 │ } - 31 │ @if (($type) == (ocean)) {} - > 32 │ @if (($type)==(ocean)){} - │ ^ - 33 │ @if ( ( $type ) == ( ocean ) ) {} - 34 │ @if (($type) - - i Remove ) - -if-else.css:33:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 31 │ @if (($type) == (ocean)) {} - 32 │ @if (($type)==(ocean)){} - > 33 │ @if ( ( $type ) == ( ocean ) ) {} - │ ^^ - 34 │ @if (($type) - 35 │ == (ocean)) {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:33:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 31 │ @if (($type) == (ocean)) {} - 32 │ @if (($type)==(ocean)){} - > 33 │ @if ( ( $type ) == ( ocean ) ) {} - │ ^ - 34 │ @if (($type) - 35 │ == (ocean)) {} - - i Expected a compound selector here. - - 31 │ @if (($type) == (ocean)) {} - 32 │ @if (($type)==(ocean)){} - > 33 │ @if ( ( $type ) == ( ocean ) ) {} - │ ^ - 34 │ @if (($type) - 35 │ == (ocean)) {} - -if-else.css:33:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$type` - - 31 │ @if (($type) == (ocean)) {} - 32 │ @if (($type)==(ocean)){} - > 33 │ @if ( ( $type ) == ( ocean ) ) {} - │ ^^^^^ - 34 │ @if (($type) - 35 │ == (ocean)) {} - - i Remove $type - -if-else.css:33:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 31 │ @if (($type) == (ocean)) {} - 32 │ @if (($type)==(ocean)){} - > 33 │ @if ( ( $type ) == ( ocean ) ) {} - │ ^ - 34 │ @if (($type) - 35 │ == (ocean)) {} - - i Remove ) - -if-else.css:33:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 31 │ @if (($type) == (ocean)) {} - 32 │ @if (($type)==(ocean)){} - > 33 │ @if ( ( $type ) == ( ocean ) ) {} - │ ^^^^^ - 34 │ @if (($type) - 35 │ == (ocean)) {} - - i Remove ocean - -if-else.css:33:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 31 │ @if (($type) == (ocean)) {} - 32 │ @if (($type)==(ocean)){} - > 33 │ @if ( ( $type ) == ( ocean ) ) {} - │ ^ - 34 │ @if (($type) - 35 │ == (ocean)) {} - - i Remove ) - -if-else.css:34:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - > 34 │ @if (($type) - │ ^^ - 35 │ == (ocean)) {} - 36 │ @if - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:34:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - > 34 │ @if (($type) - │ ^ - 35 │ == (ocean)) {} - 36 │ @if - - i Expected a compound selector here. - - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - > 34 │ @if (($type) - │ ^ - 35 │ == (ocean)) {} - 36 │ @if - -if-else.css:34:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$type` - - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - > 34 │ @if (($type) - │ ^^^^^ - 35 │ == (ocean)) {} - 36 │ @if - - i Remove $type - -if-else.css:34:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 32 │ @if (($type)==(ocean)){} - 33 │ @if ( ( $type ) == ( ocean ) ) {} - > 34 │ @if (($type) - │ ^ - 35 │ == (ocean)) {} - 36 │ @if - - i Remove ) - -if-else.css:35:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 33 │ @if ( ( $type ) == ( ocean ) ) {} - 34 │ @if (($type) - > 35 │ == (ocean)) {} - │ ^^^^^ - 36 │ @if - 37 │ ( - - i Remove ocean - -if-else.css:35:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 33 │ @if ( ( $type ) == ( ocean ) ) {} - 34 │ @if (($type) - > 35 │ == (ocean)) {} - │ ^ - 36 │ @if - 37 │ ( - - i Remove ) - -if-else.css:36:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 34 │ @if (($type) - 35 │ == (ocean)) {} - > 36 │ @if - │ ^^ - 37 │ ( - 38 │ ( - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:37:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 35 │ == (ocean)) {} - 36 │ @if - > 37 │ ( - │ ^ - 38 │ ( - 39 │ $type - - i Expected a compound selector here. - - 35 │ == (ocean)) {} - 36 │ @if - > 37 │ ( - │ ^ - 38 │ ( - 39 │ $type - -if-else.css:39:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$type` - - 37 │ ( - 38 │ ( - > 39 │ $type - │ ^^^^^ - 40 │ ) - 41 │ == - - i Remove $type - -if-else.css:40:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 38 │ ( - 39 │ $type - > 40 │ ) - │ ^ - 41 │ == - 42 │ ( - - i Remove ) - -if-else.css:43:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 41 │ == - 42 │ ( - > 43 │ ocean - │ ^^^^^ - 44 │ ) - 45 │ ) - - i Remove ocean - -if-else.css:44:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 42 │ ( - 43 │ ocean - > 44 │ ) - │ ^ - 45 │ ) - 46 │ { - - i Remove ) - -if-else.css:48:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 46 │ { - 47 │ } - > 48 │ @if - │ ^^ - 49 │ - 50 │ ( - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:50:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 48 │ @if - 49 │ - > 50 │ ( - │ ^ - 51 │ - 52 │ ( - - i Expected a compound selector here. - - 48 │ @if - 49 │ - > 50 │ ( - │ ^ - 51 │ - 52 │ ( - -if-else.css:54:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$type` - - 52 │ ( - 53 │ - > 54 │ $type - │ ^^^^^ - 55 │ - 56 │ ) - - i Remove $type - -if-else.css:56:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 54 │ $type - 55 │ - > 56 │ ) - │ ^ - 57 │ - 58 │ == - - i Remove ) - -if-else.css:62:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 60 │ ( - 61 │ - > 62 │ ocean - │ ^^^^^ - 63 │ - 64 │ ) - - i Remove ocean - -if-else.css:64:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 62 │ ocean - 63 │ - > 64 │ ) - │ ^ - 65 │ - 66 │ ) - - i Remove ) - -if-else.css:71:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 70 │ } - > 71 │ @if $type == ocean { - │ ^^ - 72 │ color: blue; - 73 │ } @else if $type == matador { - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:71:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 70 │ } - > 71 │ @if $type == ocean { - │ ^ - 72 │ color: blue; - 73 │ } @else if $type == matador { - - i Expected a compound selector here. - - 70 │ } - > 71 │ @if $type == ocean { - │ ^ - 72 │ color: blue; - 73 │ } @else if $type == matador { - -if-else.css:71:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 70 │ } - > 71 │ @if $type == ocean { - │ ^^^^^ - 72 │ color: blue; - 73 │ } @else if $type == matador { - - i Remove ocean - -if-else.css:73:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 71 │ @if $type == ocean { - 72 │ color: blue; - > 73 │ } @else if $type == matador { - │ ^^^^ - 74 │ color: red; - 75 │ } @else if $type == monster { - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:73:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 71 │ @if $type == ocean { - 72 │ color: blue; - > 73 │ } @else if $type == matador { - │ ^ - 74 │ color: red; - 75 │ } @else if $type == monster { - - i Expected a compound selector here. - - 71 │ @if $type == ocean { - 72 │ color: blue; - > 73 │ } @else if $type == matador { - │ ^ - 74 │ color: red; - 75 │ } @else if $type == monster { - -if-else.css:73:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `matador` - - 71 │ @if $type == ocean { - 72 │ color: blue; - > 73 │ } @else if $type == matador { - │ ^^^^^^^ - 74 │ color: red; - 75 │ } @else if $type == monster { - - i Remove matador - -if-else.css:75:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 73 │ } @else if $type == matador { - 74 │ color: red; - > 75 │ } @else if $type == monster { - │ ^^^^ - 76 │ color: green; - 77 │ } @else { - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:75:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 73 │ } @else if $type == matador { - 74 │ color: red; - > 75 │ } @else if $type == monster { - │ ^ - 76 │ color: green; - 77 │ } @else { - - i Expected a compound selector here. - - 73 │ } @else if $type == matador { - 74 │ color: red; - > 75 │ } @else if $type == monster { - │ ^ - 76 │ color: green; - 77 │ } @else { - -if-else.css:75:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `monster` - - 73 │ } @else if $type == matador { - 74 │ color: red; - > 75 │ } @else if $type == monster { - │ ^^^^^^^ - 76 │ color: green; - 77 │ } @else { - - i Remove monster - -if-else.css:77:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 75 │ } @else if $type == monster { - 76 │ color: green; - > 77 │ } @else { - │ ^^^^ - 78 │ color: black; - 79 │ } - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:80:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 78 │ color: black; - 79 │ } - > 80 │ @if $type == ocean { - │ ^^ - 81 │ } @else if $type == matador { - 82 │ } - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:80:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 78 │ color: black; - 79 │ } - > 80 │ @if $type == ocean { - │ ^ - 81 │ } @else if $type == matador { - 82 │ } - - i Expected a compound selector here. - - 78 │ color: black; - 79 │ } - > 80 │ @if $type == ocean { - │ ^ - 81 │ } @else if $type == matador { - 82 │ } - -if-else.css:80:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 78 │ color: black; - 79 │ } - > 80 │ @if $type == ocean { - │ ^^^^^ - 81 │ } @else if $type == matador { - 82 │ } - - i Remove ocean - -if-else.css:81:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 79 │ } - 80 │ @if $type == ocean { - > 81 │ } @else if $type == matador { - │ ^^^^ - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:81:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 79 │ } - 80 │ @if $type == ocean { - > 81 │ } @else if $type == matador { - │ ^ - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - - i Expected a compound selector here. - - 79 │ } - 80 │ @if $type == ocean { - > 81 │ } @else if $type == matador { - │ ^ - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - -if-else.css:81:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `matador` - - 79 │ } - 80 │ @if $type == ocean { - > 81 │ } @else if $type == matador { - │ ^^^^^^^ - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - - i Remove matador - -if-else.css:83:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 81 │ } @else if $type == matador { - 82 │ } - > 83 │ @if $type==ocean{}@else if $type==matador{} - │ ^^ - 84 │ @if $type == ocean { } @else if $type == matador { } - 85 │ @if $type == ocean {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:83:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `=` - - 81 │ } @else if $type == matador { - 82 │ } - > 83 │ @if $type==ocean{}@else if $type==matador{} - │ ^ - 84 │ @if $type == ocean { } @else if $type == matador { } - 85 │ @if $type == ocean {} - - i Remove = - -if-else.css:83:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 81 │ } @else if $type == matador { - 82 │ } - > 83 │ @if $type==ocean{}@else if $type==matador{} - │ ^^^^^ - 84 │ @if $type == ocean { } @else if $type == matador { } - 85 │ @if $type == ocean {} - - i Remove ocean - -if-else.css:83:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 81 │ } @else if $type == matador { - 82 │ } - > 83 │ @if $type==ocean{}@else if $type==matador{} - │ ^^^^ - 84 │ @if $type == ocean { } @else if $type == matador { } - 85 │ @if $type == ocean {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:83:37 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `=` - - 81 │ } @else if $type == matador { - 82 │ } - > 83 │ @if $type==ocean{}@else if $type==matador{} - │ ^ - 84 │ @if $type == ocean { } @else if $type == matador { } - 85 │ @if $type == ocean {} - - i Remove = - -if-else.css:83:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `matador` - - 81 │ } @else if $type == matador { - 82 │ } - > 83 │ @if $type==ocean{}@else if $type==matador{} - │ ^^^^^^^ - 84 │ @if $type == ocean { } @else if $type == matador { } - 85 │ @if $type == ocean {} - - i Remove matador - -if-else.css:84:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - > 84 │ @if $type == ocean { } @else if $type == matador { } - │ ^^ - 85 │ @if $type == ocean {} - 86 │ @else if $type == matador {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:84:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - > 84 │ @if $type == ocean { } @else if $type == matador { } - │ ^ - 85 │ @if $type == ocean {} - 86 │ @else if $type == matador {} - - i Expected a compound selector here. - - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - > 84 │ @if $type == ocean { } @else if $type == matador { } - │ ^ - 85 │ @if $type == ocean {} - 86 │ @else if $type == matador {} - -if-else.css:84:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - > 84 │ @if $type == ocean { } @else if $type == matador { } - │ ^^^^^ - 85 │ @if $type == ocean {} - 86 │ @else if $type == matador {} - - i Remove ocean - -if-else.css:84:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - > 84 │ @if $type == ocean { } @else if $type == matador { } - │ ^^^^ - 85 │ @if $type == ocean {} - 86 │ @else if $type == matador {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:84:52 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - > 84 │ @if $type == ocean { } @else if $type == matador { } - │ ^ - 85 │ @if $type == ocean {} - 86 │ @else if $type == matador {} - - i Expected a compound selector here. - - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - > 84 │ @if $type == ocean { } @else if $type == matador { } - │ ^ - 85 │ @if $type == ocean {} - 86 │ @else if $type == matador {} - -if-else.css:84:56 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `matador` - - 82 │ } - 83 │ @if $type==ocean{}@else if $type==matador{} - > 84 │ @if $type == ocean { } @else if $type == matador { } - │ ^^^^^^^ - 85 │ @if $type == ocean {} - 86 │ @else if $type == matador {} - - i Remove matador - -if-else.css:85:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 83 │ @if $type==ocean{}@else if $type==matador{} - 84 │ @if $type == ocean { } @else if $type == matador { } - > 85 │ @if $type == ocean {} - │ ^^ - 86 │ @else if $type == matador {} - 87 │ @if - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:85:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 83 │ @if $type==ocean{}@else if $type==matador{} - 84 │ @if $type == ocean { } @else if $type == matador { } - > 85 │ @if $type == ocean {} - │ ^ - 86 │ @else if $type == matador {} - 87 │ @if - - i Expected a compound selector here. - - 83 │ @if $type==ocean{}@else if $type==matador{} - 84 │ @if $type == ocean { } @else if $type == matador { } - > 85 │ @if $type == ocean {} - │ ^ - 86 │ @else if $type == matador {} - 87 │ @if - -if-else.css:85:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 83 │ @if $type==ocean{}@else if $type==matador{} - 84 │ @if $type == ocean { } @else if $type == matador { } - > 85 │ @if $type == ocean {} - │ ^^^^^ - 86 │ @else if $type == matador {} - 87 │ @if - - i Remove ocean - -if-else.css:86:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 84 │ @if $type == ocean { } @else if $type == matador { } - 85 │ @if $type == ocean {} - > 86 │ @else if $type == matador {} - │ ^^^^ - 87 │ @if - 88 │ $type == ocean {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:86:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 84 │ @if $type == ocean { } @else if $type == matador { } - 85 │ @if $type == ocean {} - > 86 │ @else if $type == matador {} - │ ^ - 87 │ @if - 88 │ $type == ocean {} - - i Expected a compound selector here. - - 84 │ @if $type == ocean { } @else if $type == matador { } - 85 │ @if $type == ocean {} - > 86 │ @else if $type == matador {} - │ ^ - 87 │ @if - 88 │ $type == ocean {} - -if-else.css:86:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `matador` - - 84 │ @if $type == ocean { } @else if $type == matador { } - 85 │ @if $type == ocean {} - > 86 │ @else if $type == matador {} - │ ^^^^^^^ - 87 │ @if - 88 │ $type == ocean {} - - i Remove matador - -if-else.css:87:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 85 │ @if $type == ocean {} - 86 │ @else if $type == matador {} - > 87 │ @if - │ ^^ - 88 │ $type == ocean {} - 89 │ @else if - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:88:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 86 │ @else if $type == matador {} - 87 │ @if - > 88 │ $type == ocean {} - │ ^ - 89 │ @else if - 90 │ $type == matador {} - - i Expected a compound selector here. - - 86 │ @else if $type == matador {} - 87 │ @if - > 88 │ $type == ocean {} - │ ^ - 89 │ @else if - 90 │ $type == matador {} - -if-else.css:88:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 86 │ @else if $type == matador {} - 87 │ @if - > 88 │ $type == ocean {} - │ ^^^^^ - 89 │ @else if - 90 │ $type == matador {} - - i Remove ocean - -if-else.css:89:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 87 │ @if - 88 │ $type == ocean {} - > 89 │ @else if - │ ^^^^ - 90 │ $type == matador {} - 91 │ @if - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:90:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 88 │ $type == ocean {} - 89 │ @else if - > 90 │ $type == matador {} - │ ^ - 91 │ @if - 92 │ $type - - i Expected a compound selector here. - - 88 │ $type == ocean {} - 89 │ @else if - > 90 │ $type == matador {} - │ ^ - 91 │ @if - 92 │ $type - -if-else.css:90:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `matador` - - 88 │ $type == ocean {} - 89 │ @else if - > 90 │ $type == matador {} - │ ^^^^^^^ - 91 │ @if - 92 │ $type - - i Remove matador - -if-else.css:91:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 89 │ @else if - 90 │ $type == matador {} - > 91 │ @if - │ ^^ - 92 │ $type - 93 │ == - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:93:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 91 │ @if - 92 │ $type - > 93 │ == - │ ^ - 94 │ ocean - 95 │ { - - i Expected a compound selector here. - - 91 │ @if - 92 │ $type - > 93 │ == - │ ^ - 94 │ ocean - 95 │ { - -if-else.css:94:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 92 │ $type - 93 │ == - > 94 │ ocean - │ ^^^^^ - 95 │ { - 96 │ } - - i Remove ocean - -if-else.css:97:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 95 │ { - 96 │ } - > 97 │ @else - │ ^^^^ - 98 │ if - 99 │ $type - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:100:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 98 │ if - 99 │ $type - > 100 │ == - │ ^ - 101 │ matador - 102 │ { - - i Expected a compound selector here. - - 98 │ if - 99 │ $type - > 100 │ == - │ ^ - 101 │ matador - 102 │ { - -if-else.css:101:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `matador` - - 99 │ $type - 100 │ == - > 101 │ matador - │ ^^^^^^^ - 102 │ { - 103 │ } - - i Remove matador - -if-else.css:104:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 102 │ { - 103 │ } - > 104 │ @if - │ ^^ - 105 │ - 106 │ $type - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:108:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 106 │ $type - 107 │ - > 108 │ == - │ ^ - 109 │ - 110 │ ocean - - i Expected a compound selector here. - - 106 │ $type - 107 │ - > 108 │ == - │ ^ - 109 │ - 110 │ ocean - -if-else.css:110:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 108 │ == - 109 │ - > 110 │ ocean - │ ^^^^^ - 111 │ - 112 │ { - - i Remove ocean - -if-else.css:116:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 114 │ } - 115 │ - > 116 │ @else - │ ^^^^ - 117 │ - 118 │ if - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:122:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 120 │ $type - 121 │ - > 122 │ == - │ ^ - 123 │ - 124 │ matador - - i Expected a compound selector here. - - 120 │ $type - 121 │ - > 122 │ == - │ ^ - 123 │ - 124 │ matador - -if-else.css:124:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `matador` - - 122 │ == - 123 │ - > 124 │ matador - │ ^^^^^^^ - 125 │ - 126 │ { - - i Remove matador - -if-else.css:129:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 128 │ } - > 129 │ @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^^ - 130 │ color: blue; - 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:129:95 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 128 │ } - > 129 │ @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^ - 130 │ color: blue; - 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - - i Expected a compound selector here. - - 128 │ } - > 129 │ @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^ - 130 │ color: blue; - 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - -if-else.css:129:98 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables` - - 128 │ } - > 129 │ @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 130 │ color: blue; - 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables - -if-else.css:131:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 129 │ @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 130 │ color: blue; - > 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^^^^ - 132 │ color: red; - 133 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:131:102 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 129 │ @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 130 │ color: blue; - > 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^ - 132 │ color: red; - 133 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - - i Expected a compound selector here. - - 129 │ @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 130 │ color: blue; - > 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^ - 132 │ color: red; - 133 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - -if-else.css:131:105 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables` - - 129 │ @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 130 │ color: blue; - > 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 132 │ color: red; - 133 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables - -if-else.css:133:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 132 │ color: red; - > 133 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^^^^ - 134 │ color: green; - 135 │ } @else { - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:133:102 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 132 │ color: red; - > 133 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^ - 134 │ color: green; - 135 │ } @else { - - i Expected a compound selector here. - - 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 132 │ color: red; - > 133 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^ - 134 │ color: green; - 135 │ } @else { - -if-else.css:133:105 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables` - - 131 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 132 │ color: red; - > 133 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 134 │ color: green; - 135 │ } @else { - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables - -if-else.css:135:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 133 │ } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 134 │ color: green; - > 135 │ } @else { - │ ^^^^ - 136 │ color: black; - 137 │ } - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:138:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 136 │ color: black; - 137 │ } - > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^^ - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:138:34 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 136 │ color: black; - 137 │ } - > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^ - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - - i Expected a compound selector here. - - 136 │ color: black; - 137 │ } - > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^ - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - -if-else.css:138:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `and` - - 136 │ color: black; - 137 │ } - > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^^^ - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - - i Remove and - -if-else.css:138:68 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 136 │ color: black; - 137 │ } - > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^ - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - - i Expected a compound selector here. - - 136 │ color: black; - 137 │ } - > 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^ - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - -if-else.css:139:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 137 │ } - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^^ - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:139:49 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 137 │ } - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^ - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - - i Expected a compound selector here. - - 137 │ } - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^ - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - -if-else.css:139:54 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `and` - - 137 │ } - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^^^ - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - - i Remove and - -if-else.css:139:83 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 137 │ } - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^ - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - - i Expected a compound selector here. - - 137 │ } - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - │ ^ - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - -if-else.css:140:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - │ ^^ - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:140:74 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - │ ^ - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - - i Expected a compound selector here. - - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - │ ^ - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - -if-else.css:140:79 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `and` - - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - │ ^^^ - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - - i Remove and - -if-else.css:140:148 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - │ ^ - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - - i Expected a compound selector here. - - 138 │ @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - > 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - │ ^ - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - -if-else.css:141:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:141:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '!'. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected a compound selector here. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - -if-else.css:141:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Remove px - -if-else.css:141:54 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '!'. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected a compound selector here. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - -if-else.css:141:59 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Remove px - -if-else.css:141:76 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '!'. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected a compound selector here. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - -if-else.css:141:84 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `or` - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Remove or - -if-else.css:141:101 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '!'. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected a compound selector here. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - -if-else.css:141:106 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Remove * - -if-else.css:141:141 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '!'. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected a compound selector here. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - -if-else.css:141:148 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Remove * - -if-else.css:141:183 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '!'. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected a compound selector here. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - -if-else.css:141:191 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Remove * - -if-else.css:141:226 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '!'. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected a compound selector here. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - -if-else.css:141:231 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Remove * - -if-else.css:141:266 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '!'. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected a compound selector here. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - -if-else.css:141:274 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Remove * - -if-else.css:141:309 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '!'. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected a compound selector here. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - -if-else.css:141:317 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Remove * - -if-else.css:141:353 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '!'. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Expected a compound selector here. - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - -if-else.css:141:358 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 139 │ @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - > 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - │ ^^ - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - - i Remove px - -if-else.css:142:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - > 142 │ @if (str-slice($item, 0, 1) == ":") {} - │ ^^ - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:142:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - > 142 │ @if (str-slice($item, 0, 1) == ":") {} - │ ^ - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - - i Expected a compound selector here. - - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - > 142 │ @if (str-slice($item, 0, 1) == ":") {} - │ ^ - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - -if-else.css:142:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `str-slice` - - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - > 142 │ @if (str-slice($item, 0, 1) == ":") {} - │ ^^^^^^^^^ - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - - i Remove str-slice - -if-else.css:142:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - > 142 │ @if (str-slice($item, 0, 1) == ":") {} - │ ^ - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - - i Remove ( - -if-else.css:142:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$item` - - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - > 142 │ @if (str-slice($item, 0, 1) == ":") {} - │ ^^^^^ - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - - i Remove $item - -if-else.css:142:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0'. - - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - > 142 │ @if (str-slice($item, 0, 1) == ":") {} - │ ^ - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - - i Expected a relative selector here. - - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - > 142 │ @if (str-slice($item, 0, 1) == ":") {} - │ ^ - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - -if-else.css:142:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '1) == ":")'. - - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - > 142 │ @if (str-slice($item, 0, 1) == ":") {} - │ ^^^^^^^^^^ - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - - i Expected a relative selector here. - - 140 │ @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - > 142 │ @if (str-slice($item, 0, 1) == ":") {} - │ ^^^^^^^^^^ - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - -if-else.css:143:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - > 143 │ @if (str-slice($item, 0, 3) == " : ") {} - │ ^^ - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - 145 │ } - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:143:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - > 143 │ @if (str-slice($item, 0, 3) == " : ") {} - │ ^ - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - 145 │ } - - i Expected a compound selector here. - - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - > 143 │ @if (str-slice($item, 0, 3) == " : ") {} - │ ^ - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - 145 │ } - -if-else.css:143:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `str-slice` - - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - > 143 │ @if (str-slice($item, 0, 3) == " : ") {} - │ ^^^^^^^^^ - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - 145 │ } - - i Remove str-slice - -if-else.css:143:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - > 143 │ @if (str-slice($item, 0, 3) == " : ") {} - │ ^ - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - 145 │ } - - i Remove ( - -if-else.css:143:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$item` - - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - > 143 │ @if (str-slice($item, 0, 3) == " : ") {} - │ ^^^^^ - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - 145 │ } - - i Remove $item - -if-else.css:143:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0'. - - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - > 143 │ @if (str-slice($item, 0, 3) == " : ") {} - │ ^ - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - 145 │ } - - i Expected a relative selector here. - - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - > 143 │ @if (str-slice($item, 0, 3) == " : ") {} - │ ^ - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - 145 │ } - -if-else.css:143:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '3) == " : ")'. - - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - > 143 │ @if (str-slice($item, 0, 3) == " : ") {} - │ ^^^^^^^^^^^^ - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - 145 │ } - - i Expected a relative selector here. - - 141 │ @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} - 142 │ @if (str-slice($item, 0, 1) == ":") {} - > 143 │ @if (str-slice($item, 0, 3) == " : ") {} - │ ^^^^^^^^^^^^ - 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - 145 │ } - -if-else.css:144:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^^ - 145 │ } - 146 │ - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:144:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^ - 145 │ } - 146 │ - - i Expected a compound selector here. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^ - 145 │ } - 146 │ - -if-else.css:144:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$type` - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^^^^^ - 145 │ } - 146 │ - - i Remove $type - -if-else.css:144:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^ - 145 │ } - 146 │ - - i Expected a compound selector here. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^ - 145 │ } - 146 │ - -if-else.css:144:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `ocean` - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^^^^^ - 145 │ } - 146 │ - - i Remove ocean - -if-else.css:144:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^ - 145 │ } - 146 │ - - i Remove ) - -if-else.css:144:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^^^^ - 145 │ } - 146 │ - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -if-else.css:144:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^ - 145 │ } - 146 │ - - i Expected a compound selector here. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^ - 145 │ } - 146 │ - -if-else.css:144:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$type` - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^^^^^ - 145 │ } - 146 │ - - i Remove $type - -if-else.css:144:45 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '='. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^ - 145 │ } - 146 │ - - i Expected a compound selector here. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^ - 145 │ } - 146 │ - -if-else.css:144:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `matador` - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^^^^^^^ - 145 │ } - 146 │ - - i Remove matador - -if-else.css:144:55 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^ - 145 │ } - 146 │ - - i Remove ) - -if-else.css:144:61 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 142 │ @if (str-slice($item, 0, 1) == ":") {} - 143 │ @if (str-slice($item, 0, 3) == " : ") {} - > 144 │ @if ($type == ocean) {} @else if ($type == matador) {} @else {} - │ ^^^^ - 145 │ } - 146 │ - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - - -``` - # Lines exceeding max width of 80 characters ``` - 171: if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 175: else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 179: else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { - 189: if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {} - 191: if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {} - 193: if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {} + 124: @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { + 127: @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { + 130: @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables { + 138: @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 { + 140: @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 { + 142: @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px { ``` - - diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/include.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/include.css.snap index cdc3d94266c1..7a3563b97203 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/include.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/include.css.snap @@ -133,56 +133,42 @@ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very- ```diff --- Prettier +++ Biome -@@ -1,89 +1,140 @@ +@@ -1,37 +1,64 @@ + @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); -@include mix(1px, 2px, $arg2: 10, 2px 4px 6px); -@include mix(1px, 2px, $arg2: 10, 2px 4px 6px); -@include mix(1px, 2px, $arg2: 10, 2px 4px 6px); -@include mix(1px, 2px, $arg2: 10, 2px 4px 6px); -@include mix(1px, 2px, $arg2: 10, 2px 4px 6px); -@include mix(1px, 2px, $arg2: 10, 2px 4px 6px); --@include mix(1px, 2px, $arg2: 10, 2px 4px 6px); --@include mix( ++@include mix(1px,2px,$arg2:10,2px 4px 6px); ++@include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); ++@include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); + @include mix( - 1px, - 2px, - $arg2: 10, -+@ -+include mix(1px, 2px, $arg2: 10, 2px 4px 6px) -+; -+@ -+include mix(1px,2px,$arg2:10,2px 4px 6px) -+; -+@ -+include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ) -+; -+@ -+include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ) -+; -+@ -+include mix -+( -+ 1 -+px, +- +- 2px 4px 6px ++ 1px, + 2px, + $arg2: 10, + 2px 4px 6px -+) -+; -+@ -+include mix -+( -+ 1 -+px, -+ 2px, + ); + @include mix( +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: + 1px, +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: + 2px, +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: +- 10, +- 2px 4px 6px + $arg2: 10, + 2px 4px 6px -+) -+; -+@ -+include -+mix ++); ++@include mix +( -+1 -+px ++1px +, +2px +, @@ -190,20 +176,15 @@ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very- +: +10 +, -+2 -+px ++2px +4px +6px -+) -+; -+@ -+include ++); ++@include mix + -+mix +( + -+1 -+px ++1px + +, + @@ -218,33 +199,17 @@ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very- +10 + +, - -- 2px 4px 6px --); --@include mix( -- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: -- 1px, -- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: -- 2px, -- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: -- 10, -- 2px 4px 6px --); -+2 -+px ++ ++2px + +4px + +6px + -+) -+ -+; -+@ -+include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px) -+; + ); ++@include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); a { -- @include global-variable-overriding; + @include global-variable-overriding; - @include mix( - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: - 1px, @@ -254,32 +219,14 @@ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very- - 10, - 2px 4px 6px - ); -- @include apply-to-ie6-only { -+ @ -+ include global-variable-overriding; -+ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); -+ @include apply-to-ie6-only {} -+ @ -+ include apply-to-ie6-only { ++ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); + @include apply-to-ie6-only { } -- @include apply-to-ie6-only { -+ @ -+ include apply-to-ie6-only { - } -- @include apply-to-ie6-only { -+ @ -+ include apply-to-ie6-only { - } -- @include apply-to-ie6-only { -- } -- @include apply-to-ie6-only { -+ @ -+ include apply-to-ie6-only { - } - } + @include apply-to-ie6-only { +@@ -46,44 +73,35 @@ a { -- @include section-type-1( + @include section-type-1( - $header: (margin: 0 0 $margin-base, text-align: left), - $decoration: ( - type: base, @@ -295,7 +242,6 @@ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very- - line-height: $line-height-h3 - ) - ); -+@include section-type-1( +$header: (margin: 0 0 $margin-base, text-align: left), +$decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), +$title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) @@ -303,22 +249,20 @@ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very- } a { -- @include item-spotlight-properties-transition( + @include item-spotlight-properties-transition( - "-title", - (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - ); -+@include item-spotlight-properties-transition( +"-title", +(box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) +); } a { -- @include item-spotlight-properties-transition( + @include item-spotlight-properties-transition( - "-title", - (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), border-color: $brand-primary) - ); -+@include item-spotlight-properties-transition( +"-title", +( +box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), @@ -328,7 +272,7 @@ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very- } a { -- @include item-spotlight-properties-transition( + @include item-spotlight-properties-transition( - "-title", - ( - box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), @@ -336,7 +280,6 @@ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very- - $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - ) - ); -+@include item-spotlight-properties-transition( +"-title", +( +box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), @@ -349,44 +292,25 @@ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very- # Output ```css -@ -include mix(1px, 2px, $arg2: 10, 2px 4px 6px) -; -@ -include mix(1px,2px,$arg2:10,2px 4px 6px) -; -@ -include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ) -; -@ -include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ) -; -@ -include mix -( - 1 -px, +@include mix(1px, 2px, $arg2: 10, 2px 4px 6px); +@include mix(1px,2px,$arg2:10,2px 4px 6px); +@include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); +@include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); +@include mix( + 1px, 2px, $arg2: 10, 2px 4px 6px -) -; -@ -include mix -( - 1 -px, +); +@include mix( + 1px, 2px, $arg2: 10, 2px 4px 6px -) -; -@ -include -mix +); +@include mix ( -1 -px +1px , 2px , @@ -394,20 +318,15 @@ $arg2 : 10 , -2 -px +2px 4px 6px -) -; -@ -include +); +@include mix -mix ( -1 -px +1px , @@ -423,40 +342,31 @@ $arg2 , -2 -px +2px 4px 6px -) - -; -@ -include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px) -; +); +@include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); a { - @ - include global-variable-overriding; - @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - @include apply-to-ie6-only {} - @ - include apply-to-ie6-only { + @include global-variable-overriding; + @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); + @include apply-to-ie6-only { } - @ - include apply-to-ie6-only { + @include apply-to-ie6-only { } - @ - include apply-to-ie6-only { + @include apply-to-ie6-only { } - @ - include apply-to-ie6-only { + @include apply-to-ie6-only { + } + @include apply-to-ie6-only { } } a { -@include section-type-1( + @include section-type-1( $header: (margin: 0 0 $margin-base, text-align: left), $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) @@ -464,14 +374,14 @@ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font } a { -@include item-spotlight-properties-transition( + @include item-spotlight-properties-transition( "-title", (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) ); } a { -@include item-spotlight-properties-transition( + @include item-spotlight-properties-transition( "-title", ( box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), @@ -481,7 +391,7 @@ border-color: $brand-primary } a { -@include item-spotlight-properties-transition( + @include item-spotlight-properties-transition( "-title", ( box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), @@ -491,4384 +401,11 @@ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very- } ``` -# Errors -``` -include.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^^^^^^^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - 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 - -include.css:1:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove ( - -include.css:1:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove px - -include.css:1:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Expected a selector here. - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - -include.css:1:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove px - -include.css:1:31 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - 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 - -include.css:1:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Expected a selector here. - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - -include.css:1:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove px - -include.css:1:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '4'. - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Expected a compound selector here. - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - -include.css:1:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove px - -include.css:1:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '6'. - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Expected a compound selector here. - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - -include.css:1:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove px - -include.css:1:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove ) - -include.css:1:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - > 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - │ ^ - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove ; - -include.css:2:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^^^^^^^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - 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 - -include.css:2:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove ( - -include.css:2:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove px - -include.css:2:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Expected a selector here. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - -include.css:2:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove px - -include.css:2:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - 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 - -include.css:2:31 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Expected a selector here. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - -include.css:2:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove px - -include.css:2:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '4'. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Expected a compound selector here. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - -include.css:2:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove px - -include.css:2:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '6'. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Expected a compound selector here. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - -include.css:2:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove px - -include.css:2:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove ) - -include.css:2:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - > 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - │ ^ - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - - i Remove ; - -include.css:3:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^^^^^^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include 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 - -include.css:3:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Expected a compound selector here. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - -include.css:3:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Remove px - -include.css:3:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Expected a selector here. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - -include.css:3:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Remove px - -include.css:3:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include 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 - -include.css:3:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Expected a selector here. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - -include.css:3:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Remove px - -include.css:3:45 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '4'. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Expected a compound selector here. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - -include.css:3:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Remove px - -include.css:3:49 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '6'. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Expected a compound selector here. - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - -include.css:3:50 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Remove px - -include.css:3:53 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Remove ) - -include.css:3:54 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 1 │ @include mix(1px, 2px, $arg2: 10, 2px 4px 6px); - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - > 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 5 │ @include mix( - - i Remove ; - -include.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^^^^^^ - 5 │ @include mix( - 6 │ 1px, - - 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 - -include.css:4:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - - i Expected a compound selector here. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - -include.css:4:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 5 │ @include mix( - 6 │ 1px, - - i Remove px - -include.css:4:26 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - - i Expected a selector here. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - -include.css:4:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 5 │ @include mix( - 6 │ 1px, - - i Remove px - -include.css:4:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 5 │ @include mix( - 6 │ 1px, - - 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 - -include.css:4:50 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - - i Expected a selector here. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - -include.css:4:51 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 5 │ @include mix( - 6 │ 1px, - - i Remove px - -include.css:4:55 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '4'. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - - i Expected a compound selector here. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - -include.css:4:56 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 5 │ @include mix( - 6 │ 1px, - - i Remove px - -include.css:4:60 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '6'. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - - i Expected a compound selector here. - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - -include.css:4:61 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^^ - 5 │ @include mix( - 6 │ 1px, - - i Remove px - -include.css:4:65 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - - i Remove ) - -include.css:4:66 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 2 │ @include mix(1px,2px,$arg2:10,2px 4px 6px); - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - │ ^ - 5 │ @include mix( - 6 │ 1px, - - i Remove ; - -include.css:5:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 5 │ @include mix( - │ ^^^^^^^ - 6 │ 1px, - 7 │ 2px, - - 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 - -include.css:5:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 3 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - 4 │ @include mix ( 1px , 2px , $arg2 : 10 , 2px 4px 6px ); - > 5 │ @include mix( - │ ^ - 6 │ 1px, - 7 │ 2px, - - i Remove ( - -include.css:7:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 5 │ @include mix( - 6 │ 1px, - > 7 │ 2px, - │ ^ - 8 │ $arg2: 10, - 9 │ 2px 4px 6px - - i Expected a selector here. - - 5 │ @include mix( - 6 │ 1px, - > 7 │ 2px, - │ ^ - 8 │ $arg2: 10, - 9 │ 2px 4px 6px - -include.css:7:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 5 │ @include mix( - 6 │ 1px, - > 7 │ 2px, - │ ^^ - 8 │ $arg2: 10, - 9 │ 2px 4px 6px - - i Remove px - -include.css:8:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 6 │ 1px, - 7 │ 2px, - > 8 │ $arg2: 10, - │ ^^ - 9 │ 2px 4px 6px - 10 │ ); - - 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 - -include.css:9:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 7 │ 2px, - 8 │ $arg2: 10, - > 9 │ 2px 4px 6px - │ ^ - 10 │ ); - 11 │ @include - - i Expected a selector here. - - 7 │ 2px, - 8 │ $arg2: 10, - > 9 │ 2px 4px 6px - │ ^ - 10 │ ); - 11 │ @include - -include.css:9:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 7 │ 2px, - 8 │ $arg2: 10, - > 9 │ 2px 4px 6px - │ ^^ - 10 │ ); - 11 │ @include - - i Remove px - -include.css:9:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '4'. - - 7 │ 2px, - 8 │ $arg2: 10, - > 9 │ 2px 4px 6px - │ ^ - 10 │ ); - 11 │ @include - - i Expected a compound selector here. - - 7 │ 2px, - 8 │ $arg2: 10, - > 9 │ 2px 4px 6px - │ ^ - 10 │ ); - 11 │ @include - -include.css:9:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 7 │ 2px, - 8 │ $arg2: 10, - > 9 │ 2px 4px 6px - │ ^^ - 10 │ ); - 11 │ @include - - i Remove px - -include.css:9:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '6'. - - 7 │ 2px, - 8 │ $arg2: 10, - > 9 │ 2px 4px 6px - │ ^ - 10 │ ); - 11 │ @include - - i Expected a compound selector here. - - 7 │ 2px, - 8 │ $arg2: 10, - > 9 │ 2px 4px 6px - │ ^ - 10 │ ); - 11 │ @include - -include.css:9:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 7 │ 2px, - 8 │ $arg2: 10, - > 9 │ 2px 4px 6px - │ ^^ - 10 │ ); - 11 │ @include - - i Remove px - -include.css:10:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 8 │ $arg2: 10, - 9 │ 2px 4px 6px - > 10 │ ); - │ ^ - 11 │ @include - 12 │ mix( - - i Remove ) - -include.css:10:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 8 │ $arg2: 10, - 9 │ 2px 4px 6px - > 10 │ ); - │ ^ - 11 │ @include - 12 │ mix( - - i Remove ; - -include.css:11:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 9 │ 2px 4px 6px - 10 │ ); - > 11 │ @include - │ ^^^^^^^ - 12 │ mix( - 13 │ 1px, - - 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 - -include.css:12:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 10 │ ); - 11 │ @include - > 12 │ mix( - │ ^ - 13 │ 1px, - 14 │ 2px, - - i Remove ( - -include.css:14:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 12 │ mix( - 13 │ 1px, - > 14 │ 2px, - │ ^ - 15 │ $arg2: 10, - 16 │ 2px 4px 6px - - i Expected a selector here. - - 12 │ mix( - 13 │ 1px, - > 14 │ 2px, - │ ^ - 15 │ $arg2: 10, - 16 │ 2px 4px 6px - -include.css:14:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 12 │ mix( - 13 │ 1px, - > 14 │ 2px, - │ ^^ - 15 │ $arg2: 10, - 16 │ 2px 4px 6px - - i Remove px - -include.css:15:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 13 │ 1px, - 14 │ 2px, - > 15 │ $arg2: 10, - │ ^^ - 16 │ 2px 4px 6px - 17 │ ); - - 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 - -include.css:16:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 14 │ 2px, - 15 │ $arg2: 10, - > 16 │ 2px 4px 6px - │ ^ - 17 │ ); - 18 │ @include - - i Expected a selector here. - - 14 │ 2px, - 15 │ $arg2: 10, - > 16 │ 2px 4px 6px - │ ^ - 17 │ ); - 18 │ @include - -include.css:16:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 14 │ 2px, - 15 │ $arg2: 10, - > 16 │ 2px 4px 6px - │ ^^ - 17 │ ); - 18 │ @include - - i Remove px - -include.css:16:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '4'. - - 14 │ 2px, - 15 │ $arg2: 10, - > 16 │ 2px 4px 6px - │ ^ - 17 │ ); - 18 │ @include - - i Expected a compound selector here. - - 14 │ 2px, - 15 │ $arg2: 10, - > 16 │ 2px 4px 6px - │ ^ - 17 │ ); - 18 │ @include - -include.css:16:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 14 │ 2px, - 15 │ $arg2: 10, - > 16 │ 2px 4px 6px - │ ^^ - 17 │ ); - 18 │ @include - - i Remove px - -include.css:16:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '6'. - - 14 │ 2px, - 15 │ $arg2: 10, - > 16 │ 2px 4px 6px - │ ^ - 17 │ ); - 18 │ @include - - i Expected a compound selector here. - - 14 │ 2px, - 15 │ $arg2: 10, - > 16 │ 2px 4px 6px - │ ^ - 17 │ ); - 18 │ @include - -include.css:16:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 14 │ 2px, - 15 │ $arg2: 10, - > 16 │ 2px 4px 6px - │ ^^ - 17 │ ); - 18 │ @include - - i Remove px - -include.css:17:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 15 │ $arg2: 10, - 16 │ 2px 4px 6px - > 17 │ ); - │ ^ - 18 │ @include - 19 │ mix - - i Remove ) - -include.css:17:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 15 │ $arg2: 10, - 16 │ 2px 4px 6px - > 17 │ ); - │ ^ - 18 │ @include - 19 │ mix - - i Remove ; - -include.css:18:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 16 │ 2px 4px 6px - 17 │ ); - > 18 │ @include - │ ^^^^^^^ - 19 │ mix - 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 - -include.css:20:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 18 │ @include - 19 │ mix - > 20 │ ( - │ ^ - 21 │ 1px - 22 │ , - - i Expected a compound selector here. - - 18 │ @include - 19 │ mix - > 20 │ ( - │ ^ - 21 │ 1px - 22 │ , - -include.css:23:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 21 │ 1px - 22 │ , - > 23 │ 2px - │ ^ - 24 │ , - 25 │ $arg2 - - i Expected a selector here. - - 21 │ 1px - 22 │ , - > 23 │ 2px - │ ^ - 24 │ , - 25 │ $arg2 - -include.css:23:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 21 │ 1px - 22 │ , - > 23 │ 2px - │ ^^ - 24 │ , - 25 │ $arg2 - - i Remove px - -include.css:27:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 25 │ $arg2 - 26 │ : - > 27 │ 10 - │ ^^ - 28 │ , - 29 │ 2px - - 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 - -include.css:30:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '4'. - - 28 │ , - 29 │ 2px - > 30 │ 4px - │ ^ - 31 │ 6px - 32 │ ) - - i Expected a compound selector here. - - 28 │ , - 29 │ 2px - > 30 │ 4px - │ ^ - 31 │ 6px - 32 │ ) - -include.css:30:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 28 │ , - 29 │ 2px - > 30 │ 4px - │ ^^ - 31 │ 6px - 32 │ ) - - i Remove px - -include.css:31:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '6'. - - 29 │ 2px - 30 │ 4px - > 31 │ 6px - │ ^ - 32 │ ) - 33 │ ; - - i Expected a compound selector here. - - 29 │ 2px - 30 │ 4px - > 31 │ 6px - │ ^ - 32 │ ) - 33 │ ; - -include.css:31:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 29 │ 2px - 30 │ 4px - > 31 │ 6px - │ ^^ - 32 │ ) - 33 │ ; - - i Remove px - -include.css:32:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 30 │ 4px - 31 │ 6px - > 32 │ ) - │ ^ - 33 │ ; - 34 │ @include - - i Remove ) - -include.css:34:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 32 │ ) - 33 │ ; - > 34 │ @include - │ ^^^^^^^ - 35 │ - 36 │ 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 - -include.css:38:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 36 │ mix - 37 │ - > 38 │ ( - │ ^ - 39 │ - 40 │ 1px - - i Expected a compound selector here. - - 36 │ mix - 37 │ - > 38 │ ( - │ ^ - 39 │ - 40 │ 1px - -include.css:44:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 42 │ , - 43 │ - > 44 │ 2px - │ ^ - 45 │ - 46 │ , - - i Expected a selector here. - - 42 │ , - 43 │ - > 44 │ 2px - │ ^ - 45 │ - 46 │ , - -include.css:44:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 42 │ , - 43 │ - > 44 │ 2px - │ ^^ - 45 │ - 46 │ , - - i Remove px - -include.css:52:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 50 │ : - 51 │ - > 52 │ 10 - │ ^^ - 53 │ - 54 │ , - - 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 - -include.css:58:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '4'. - - 56 │ 2px - 57 │ - > 58 │ 4px - │ ^ - 59 │ - 60 │ 6px - - i Expected a compound selector here. - - 56 │ 2px - 57 │ - > 58 │ 4px - │ ^ - 59 │ - 60 │ 6px - -include.css:58:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 56 │ 2px - 57 │ - > 58 │ 4px - │ ^^ - 59 │ - 60 │ 6px - - i Remove px - -include.css:60:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '6'. - - 58 │ 4px - 59 │ - > 60 │ 6px - │ ^ - 61 │ - 62 │ ) - - i Expected a compound selector here. - - 58 │ 4px - 59 │ - > 60 │ 6px - │ ^ - 61 │ - 62 │ ) - -include.css:60:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 58 │ 4px - 59 │ - > 60 │ 6px - │ ^^ - 61 │ - 62 │ ) - - i Remove px - -include.css:62:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 60 │ 6px - 61 │ - > 62 │ ) - │ ^ - 63 │ - 64 │ ; - - i Remove ) - -include.css:65:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^^^^^^ - 66 │ a { - 67 │ @include global-variable-overriding; - - 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 - -include.css:65:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Remove ( - -include.css:65:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg` - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg - -include.css:65:95 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - - 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 - -include.css:65:96 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Remove px - -include.css:65:182 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - - 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 - -include.css:65:183 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Remove px - -include.css:65:269 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 66 │ a { - 67 │ @include global-variable-overriding; - - 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 - -include.css:65:273 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '2'. - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Expected a selector here. - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - -include.css:65:274 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Remove px - -include.css:65:277 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '4'. - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Expected a compound selector here. - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - -include.css:65:278 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Remove px - -include.css:65:281 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '6'. - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Expected a compound selector here. - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - -include.css:65:282 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Remove px - -include.css:65:284 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Remove ) - -include.css:65:285 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 64 │ ; - > 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 66 │ a { - 67 │ @include global-variable-overriding; - - i Remove ; - -include.css:67:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - 66 │ a { - > 67 │ @include global-variable-overriding; - │ ^^^^^^^ - 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - 69 │ @include apply-to-ie6-only {} - - 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 - -include.css:67:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 65 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - 66 │ a { - > 67 │ @include global-variable-overriding; - │ ^ - 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - 69 │ @include apply-to-ie6-only {} - - i Remove ; - -include.css:68:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `include` - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^^^^^^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Remove include - -include.css:68:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Remove ( - -include.css:68:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg` - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg - -include.css:68:99 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - 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 - -include.css:68:100 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Remove px - -include.css:68:186 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - 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 - -include.css:68:187 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Remove px - -include.css:68:273 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - 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 - -include.css:68:277 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '2'. - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Expected a relative selector here. - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - -include.css:68:278 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Remove px - -include.css:68:281 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '4'. - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Expected a compound selector here. - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - -include.css:68:282 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Remove px - -include.css:68:285 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '6'. - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Expected a compound selector here. - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - -include.css:68:286 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Remove px - -include.css:68:288 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 66 │ a { - 67 │ @include global-variable-overriding; - > 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - │ ^ - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - - i Remove ) - -include.css:69:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `include` - - 67 │ @include global-variable-overriding; - 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - > 69 │ @include apply-to-ie6-only {} - │ ^^^^^^^ - 70 │ @include apply-to-ie6-only{} - 71 │ @include apply-to-ie6-only - - i Remove include - -include.css:70:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 68 │ @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - 69 │ @include apply-to-ie6-only {} - > 70 │ @include apply-to-ie6-only{} - │ ^^^^^^^ - 71 │ @include apply-to-ie6-only - 72 │ {} - - 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 - -include.css:71:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 69 │ @include apply-to-ie6-only {} - 70 │ @include apply-to-ie6-only{} - > 71 │ @include apply-to-ie6-only - │ ^^^^^^^ - 72 │ {} - 73 │ @include - - 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 - -include.css:73:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 71 │ @include apply-to-ie6-only - 72 │ {} - > 73 │ @include - │ ^^^^^^^ - 74 │ apply-to-ie6-only - 75 │ { - - 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 - -include.css:77:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 75 │ { - 76 │ } - > 77 │ @include - │ ^^^^^^^ - 78 │ - 79 │ apply-to-ie6-only - - 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 - -include.css:87:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 86 │ a { - > 87 │ @include section-type-1( - │ ^^^^^^^ - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - - 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 - -include.css:87:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 86 │ a { - > 87 │ @include section-type-1( - │ ^ - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - - i Remove ( - -include.css:88:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$header` - - 86 │ a { - 87 │ @include section-type-1( - > 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - │ ^^^^^^^ - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - - i Remove $header - -include.css:88:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 86 │ a { - 87 │ @include section-type-1( - > 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - │ ^ - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - - 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 - -include.css:88:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `margin` - - 86 │ a { - 87 │ @include section-type-1( - > 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - │ ^^^^^^ - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - - i Remove margin - -include.css:88:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 86 │ a { - 87 │ @include section-type-1( - > 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - │ ^ - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - - 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 - -include.css:88:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$margin-base` - - 86 │ a { - 87 │ @include section-type-1( - > 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - │ ^^^^^^^^^^^^ - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - - i Remove $margin-base - -include.css:88:53 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 86 │ a { - 87 │ @include section-type-1( - > 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - │ ^ - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - - i Remove ) - -include.css:89:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 87 │ @include section-type-1( - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - > 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - │ ^ - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 91 │ ); - - 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 - -include.css:89:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `type` - - 87 │ @include section-type-1( - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - > 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - │ ^^^^ - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 91 │ ); - - i Remove type - -include.css:89:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 87 │ @include section-type-1( - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - > 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - │ ^ - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 91 │ ); - - 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 - -include.css:89:37 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `auto` - - 87 │ @include section-type-1( - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - > 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - │ ^^^^ - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 91 │ ); - - i Remove auto - -include.css:89:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '-1'. - - 87 │ @include section-type-1( - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - > 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - │ ^^ - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 91 │ ); - - i Expected a compound selector here. - - 87 │ @include section-type-1( - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - > 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - │ ^^ - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 91 │ ); - -include.css:89:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 87 │ @include section-type-1( - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - > 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - │ ^^ - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 91 │ ); - - i Remove px - -include.css:89:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 87 │ @include section-type-1( - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - > 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - │ ^ - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 91 │ ); - - i Expected a compound selector here. - - 87 │ @include section-type-1( - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - > 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - │ ^ - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 91 │ ); - -include.css:89:109 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 87 │ @include section-type-1( - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - > 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - │ ^ - 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 91 │ ); - - i Remove ) - -include.css:90:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - > 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - │ ^ - 91 │ ); - 92 │ } - - 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 - -include.css:90:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `margin` - - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - > 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - │ ^^^^^^ - 91 │ ); - 92 │ } - - i Remove margin - -include.css:90:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - > 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - │ ^ - 91 │ ); - 92 │ } - - 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 - -include.css:90:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$margin-small` - - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - > 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - │ ^^^^^^^^^^^^^ - 91 │ ); - 92 │ } - - i Remove $margin-small - -include.css:90:125 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 88 │ $header: (margin: 0 0 $margin-base, text-align: left), - 89 │ $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - > 90 │ $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - │ ^ - 91 │ ); - 92 │ } - - i Remove ) - -include.css:94:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `a` - - 92 │ } - 93 │ - > 94 │ a { - │ ^ - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - - i Remove a - -include.css:95:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 94 │ a { - > 95 │ @include item-spotlight-properties-transition( - │ ^^^^^^^ - 96 │ "-title", - 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - - 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 - -include.css:95:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 94 │ a { - > 95 │ @include item-spotlight-properties-transition( - │ ^ - 96 │ "-title", - 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - - i Remove ( - -include.css:97:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '('. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^ - 98 │ ); - 99 │ } - - i Expected a relative selector here. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^ - 98 │ ); - 99 │ } - -include.css:97:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `box-shadow` - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^^^^^^^^^^ - 98 │ ); - 99 │ } - - i Remove box-shadow - -include.css:97:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^ - 98 │ ); - 99 │ } - - 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 - -include.css:97:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^^ - 98 │ ); - 99 │ } - - i Remove px - -include.css:97:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '10'. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^^ - 98 │ ); - 99 │ } - - i Expected a compound selector here. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^^ - 98 │ ); - 99 │ } - -include.css:97:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^^ - 98 │ ); - 99 │ } - - i Remove px - -include.css:97:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^ - 98 │ ); - 99 │ } - - i Remove ( - -include.css:97:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0'. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^ - 98 │ ); - 99 │ } - - i Expected a relative selector here. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^ - 98 │ ); - 99 │ } - -include.css:97:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0'. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^ - 98 │ ); - 99 │ } - - i Expected a relative selector here. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^ - 98 │ ); - 99 │ } - -include.css:97:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0.15)) - ); - }'. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^^^^^^ - > 98 │ ); - > 99 │ } - │ ^ - 100 │ - 101 │ a { - - i Expected a relative selector here. - - 95 │ @include item-spotlight-properties-transition( - 96 │ "-title", - > 97 │ (box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)) - │ ^^^^^^ - > 98 │ ); - > 99 │ } - │ ^ - 100 │ - 101 │ a { - -include.css:101:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `a` - - 99 │ } - 100 │ - > 101 │ a { - │ ^ - 102 │ @include item-spotlight-properties-transition( - 103 │ "-title", - - i Remove a - -include.css:102:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 101 │ a { - > 102 │ @include item-spotlight-properties-transition( - │ ^^^^^^^ - 103 │ "-title", - 104 │ ( - - 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 - -include.css:102:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 101 │ a { - > 102 │ @include item-spotlight-properties-transition( - │ ^ - 103 │ "-title", - 104 │ ( - - i Remove ( - -include.css:104:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '('. - - 102 │ @include item-spotlight-properties-transition( - 103 │ "-title", - > 104 │ ( - │ ^ - 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - 106 │ border-color: $brand-primary - - i Expected a relative selector here. - - 102 │ @include item-spotlight-properties-transition( - 103 │ "-title", - > 104 │ ( - │ ^ - 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - 106 │ border-color: $brand-primary - -include.css:105:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `box-shadow` - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^^^^^^^^^ - 106 │ border-color: $brand-primary - 107 │ ) - - i Remove box-shadow - -include.css:105:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 106 │ border-color: $brand-primary - 107 │ ) - - 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 - -include.css:105:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^ - 106 │ border-color: $brand-primary - 107 │ ) - - i Remove px - -include.css:105:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '10'. - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^ - 106 │ border-color: $brand-primary - 107 │ ) - - i Expected a compound selector here. - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^ - 106 │ border-color: $brand-primary - 107 │ ) - -include.css:105:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^ - 106 │ border-color: $brand-primary - 107 │ ) - - i Remove px - -include.css:105:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 106 │ border-color: $brand-primary - 107 │ ) - - i Remove ( - -include.css:105:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0'. - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 106 │ border-color: $brand-primary - 107 │ ) - - i Expected a relative selector here. - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 106 │ border-color: $brand-primary - 107 │ ) - -include.css:105:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0'. - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 106 │ border-color: $brand-primary - 107 │ ) - - i Expected a relative selector here. - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 106 │ border-color: $brand-primary - 107 │ ) - -include.css:105:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0.15)'. - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^^^^ - 106 │ border-color: $brand-primary - 107 │ ) - - i Expected a relative selector here. - - 103 │ "-title", - 104 │ ( - > 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^^^^ - 106 │ border-color: $brand-primary - 107 │ ) - -include.css:107:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 105 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - 106 │ border-color: $brand-primary - > 107 │ ) - │ ^ - 108 │ ); - 109 │ } - - i Remove ) - -include.css:111:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `a` - - 109 │ } - 110 │ - > 111 │ a { - │ ^ - 112 │ @include item-spotlight-properties-transition( - 113 │ "-title", - - i Remove a - -include.css:112:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 111 │ a { - > 112 │ @include item-spotlight-properties-transition( - │ ^^^^^^^ - 113 │ "-title", - 114 │ ( - - 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 - -include.css:112:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 111 │ a { - > 112 │ @include item-spotlight-properties-transition( - │ ^ - 113 │ "-title", - 114 │ ( - - i Remove ( - -include.css:114:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '('. - - 112 │ @include item-spotlight-properties-transition( - 113 │ "-title", - > 114 │ ( - │ ^ - 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - - i Expected a relative selector here. - - 112 │ @include item-spotlight-properties-transition( - 113 │ "-title", - > 114 │ ( - │ ^ - 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - -include.css:115:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `box-shadow` - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^^^^^^^^^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - - i Remove box-shadow - -include.css:115:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - - 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 - -include.css:115:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - - i Remove px - -include.css:115:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '10'. - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - - i Expected a compound selector here. - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - -include.css:115:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `px` - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - - i Remove px - -include.css:115:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - - i Remove ( - -include.css:115:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0'. - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - - i Expected a relative selector here. - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - -include.css:115:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0'. - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - - i Expected a relative selector here. - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - -include.css:115:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a relative selector but instead found '0.15)'. - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^^^^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - - i Expected a relative selector here. - - 113 │ "-title", - 114 │ ( - > 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - │ ^^^^^ - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - 117 │ ) - -include.css:117:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 115 │ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15), - 116 │ border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value - > 117 │ ) - │ ^ - 118 │ ); - 119 │ } - - i Remove ) - -include.css:120:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `{` but instead the file ends - - 118 │ ); - 119 │ } - > 120 │ - │ - - i the file ends here - - 118 │ ); - 119 │ } - > 120 │ - │ - - -``` - # Lines exceeding max width of 80 characters ``` - 86: include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px) - 91: @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); - 110: $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), - 111: $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) - 137: border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value + 58: @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); + 61: @include mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg: 1px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1: 2px, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, 2px 4px 6px); + 77: $decoration: (type: base, margin: 0 auto -1px 0, primary-color: $brand-primary, secondary-color: $gray-light), + 78: $title: (margin: 0 0 $margin-small, color: false, font-size: $font-size-h3, font-weight: false, line-height: $line-height-h3) + 104: border-color: $very-very-very-very-very-very-very-very-very-very-very-very-very-long-value ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/mixin.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/mixin.css.snap index 9cf33469e42c..c66ae64e8226 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/mixin.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/mixin.css.snap @@ -123,114 +123,80 @@ $background ```diff --- Prettier +++ Biome -@@ -1,70 +1,122 @@ --@mixin clearfix { -+@ -+mixin clearfix { - } --@mixin clearfix { -+@ -+mixin clearfix { - } --@mixin clearfix { -+@ -+mixin clearfix { - } --@mixin clearfix { -+@ -+mixin clearfix { +@@ -15,47 +15,91 @@ + + @mixin mix($arg, $arg1, $arg2: 10, $args...) { } --@mixin clearfix { -+@ -+mixin clearfix { +-@mixin mix($arg, $arg1, $arg2: 10, $args...) { ++@mixin mix($arg,$arg1,$arg2:10,$args...) { } --@mixin clearfix { -+@ -+mixin clearfix { +-@mixin mix($arg, $arg1, $arg2: 10, $args...) { ++@mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) { } --@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, ++@mixin mix( ++ $arg, + $arg1, + $arg2: 10, + $args... -+) {} -+@ -+mixin mix -+( -+$arg, ++) { + } +-@mixin mix($arg, $arg1, $arg2: 10, $args...) { ++@mixin mix( ++ $arg, + $arg1, + $arg2: 10, + $args... -+ ) {} -+@ -+mixin -+mix ++ ) { + } +-@mixin mix($arg, $arg1, $arg2: 10, $args...) { ++@mixin mix +( -+$arg, -+$arg1, -+$arg2 : ++$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 ++@mixin mix + -+mix +( + -+$arg, -+$arg1, -+$arg2 : ++$arg + -+10 ++, ++ ++$arg1 + +, + -+$args ++$arg2 + -+... ++: + -+) ++10 - $args... --) { -+{ ++, ++ ++$args ++ ++... ++ + ) { } -@mixin mix( - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, @@ -239,3334 +205,161 @@ $background - 10, - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args... -) { --} --@mixin component($conf: ()) { --} ++@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 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($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( ++$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") {} ++) { + } + @mixin button-variant($foo: "...") { + } ``` # Output ```css -@ -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, +@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, +) { +} +@mixin mix( + $arg, $arg1, $arg2: 10, $args... - ) {} -@ -mixin -mix + ) { +} +@mixin mix ( -$arg, -$arg1, -$arg2 : +$arg +, +$arg1 +, +$arg2 +: 10 , $args ... -) -{ +) { } -@ -mixin +@mixin mix -mix ( -$arg, -$arg1, -$arg2 : - -10 +$arg , -$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: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: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: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:40:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 38 │ @mixin - 39 │ mix - > 40 │ ( - │ ^ - 41 │ $arg - 42 │ , - - i Expected a compound selector here. - - 38 │ @mixin - 39 │ mix - > 40 │ ( - │ ^ - 41 │ $arg - 42 │ , - -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:58:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 56 │ mix - 57 │ - > 58 │ ( - │ ^ - 59 │ - 60 │ $arg - - i Expected a compound selector here. - - 56 │ mix - 57 │ - > 58 │ ( - │ ^ - 59 │ - 60 │ $arg - -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: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 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +$arg1 - × 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 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +$arg2 - × 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 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +10 - × 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 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +$args - × 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 - +) { +} +@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") { +} ``` # Lines exceeding max width of 80 characters ``` - 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...) {} + 78: @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...) { ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/return.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/return.css.snap index de4b5bf872eb..238f598d6126 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/return.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/return.css.snap @@ -143,32 +143,24 @@ $gutter-width ```diff --- Prettier +++ Biome -@@ -1,45 +1,130 @@ --@function grid-width($n) { -- @return $n * $grid-width + ($n - 1) * $gutter-width / 10; -+@ -+function grid-width($n) { -+ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - } - @function grid-width($n) { -- @return $n * $grid-width + ($n - 1) * $gutter-width / 10; -+@return $n * $grid-width + ($n - 1) * $gutter-width / 10; +@@ -5,41 +5,106 @@ + @return $n * $grid-width + ($n - 1) * $gutter-width / 10; } @function grid-width($n) { - @return $n * $grid-width + ($n-1) * $gutter-width/10; -+@return $n*$grid-width+($n-1)*$gutter-width/10; ++ @return $n*$grid-width+($n-1)*$gutter-width/10; } @function grid-width($n) { - @return $n * $grid-width + ($n - 1) * $gutter-width / 10; -+ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; ++ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10; } @function grid-width($n) { - @return $n * $grid-width + ($n - 1) * $gutter-width / 10; -+ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; ++ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10; } @function grid-width($n) { - @return $n * $grid-width + ($n - 1) * $gutter-width / 10; -+ @return $n ++ @return $n + * + $grid-width + + ( @@ -179,13 +171,11 @@ $gutter-width + * + $gutter-width + / -+ 10 -+ ; ++ 10; } @function grid-width($n) { - @return $n * $grid-width + ($n - 1) * $gutter-width / 10; -+ @return -+ $n ++ @return $n + * + $grid-width + + ( @@ -196,18 +186,14 @@ $gutter-width + * + $gutter-width + / -+ 10 -+ ; ++ 10; } -@function grid-width($n) { - @return $n * $grid-width + ($n - 1) * $gutter-width / 10; -+@function -+grid-width( -+$n -+) -+{ -+@return ++@function grid-width( +$n ++) { ++ @return $n +* +$grid-width ++ @@ -219,24 +205,16 @@ $gutter-width +* +$gutter-width +/ -+10 -+; ++10; } -@function grid-width($n) { - @return $n * $grid-width + ($n - 1) * $gutter-width / 10; -+@function -+ -+grid-width( ++@function grid-width( + +$n + -+) -+ -+{ -+ -+@return -+ -+$n ++) { ++ @return $n + +* + @@ -260,63 +238,56 @@ $gutter-width + +/ + -+10 -+ -+; -+ ++10; } @function grid-width($n) { - @return $very-very-very-very-very-very-vey-long-var * - $very-very-very-very-very-very-vey-long-var + - ($very-very-very-very-very-very-vey-long-var - 1) * - $very-very-very-very-very-very-vey-long-var; -+ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; ++ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; } @function extend($obj, $ext-obj) { -- @return map-merge($obj, $ext-obj); -+ @return map-merge($obj, $ext-obj); + @return map-merge($obj, $ext-obj); } @function extend($obj, $ext-obj) { - @return map-merge($obj, $ext-obj); -+ @return map-merge( $obj , $ext-obj ) ; ++ @return map-merge( $obj , $ext-obj ); } @function extend($obj, $ext-obj) { - @return map-merge($obj, $ext-obj); -+ @return map-merge($obj,$ext-obj); ++ @return map-merge($obj,$ext-obj); } @function extend($obj, $ext-obj) { - @return map-merge($obj, $ext-obj); -+ @return -+ map-merge( ++ @return map-merge( + $obj + , + $ext-obj -+ ) -+ ; ++ ); } ``` # Output ```css -@ -function grid-width($n) { - @return $n * $grid-width + ($n - 1) * $gutter-width / 10; +@function grid-width($n) { + @return $n * $grid-width + ($n - 1) * $gutter-width / 10; } @function grid-width($n) { -@return $n * $grid-width + ($n - 1) * $gutter-width / 10; + @return $n * $grid-width + ($n - 1) * $gutter-width / 10; } @function grid-width($n) { -@return $n*$grid-width+($n-1)*$gutter-width/10; + @return $n*$grid-width+($n-1)*$gutter-width/10; } @function grid-width($n) { - @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; + @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10; } @function grid-width($n) { - @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; + @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10; } @function grid-width($n) { - @return $n + @return $n * $grid-width + ( @@ -327,12 +298,10 @@ function grid-width($n) { * $gutter-width / - 10 - ; + 10; } @function grid-width($n) { - @return - $n + @return $n * $grid-width + ( @@ -343,16 +312,12 @@ function grid-width($n) { * $gutter-width / - 10 - ; + 10; } -@function -grid-width( -$n -) -{ -@return +@function grid-width( $n +) { + @return $n * $grid-width + @@ -364,22 +329,14 @@ $n * $gutter-width / -10 -; +10; } -@function - -grid-width( +@function grid-width( $n -) - -{ - -@return - -$n +) { + @return $n * @@ -403,2264 +360,30 @@ $gutter-width / -10 - -; - +10; } @function grid-width($n) { - @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; + @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; } @function extend($obj, $ext-obj) { - @return map-merge($obj, $ext-obj); + @return map-merge($obj, $ext-obj); } @function extend($obj, $ext-obj) { - @return map-merge( $obj , $ext-obj ) ; + @return map-merge( $obj , $ext-obj ); } @function extend($obj, $ext-obj) { - @return map-merge($obj,$ext-obj); + @return map-merge($obj,$ext-obj); } @function extend($obj, $ext-obj) { - @return - map-merge( + @return map-merge( $obj , $ext-obj - ) - ; + ); } ``` -# Errors -``` -return.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @function grid-width($n) { - │ ^^^^^^^^ - 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 3 │ } - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -return.css:1:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - > 1 │ @function grid-width($n) { - │ ^ - 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 3 │ } - - i Remove ( - -return.css:1:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - > 1 │ @function grid-width($n) { - │ ^^ - 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 3 │ } - - i Remove $n - -return.css:1:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - > 1 │ @function grid-width($n) { - │ ^ - 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 3 │ } - - i Remove ) - -return.css:2:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @function grid-width($n) { - > 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^^^^^^ - 3 │ } - 4 │ @function grid-width($n) { - - 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 - -return.css:2:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 1 │ @function grid-width($n) { - > 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 3 │ } - 4 │ @function grid-width($n) { - - i Expected a compound selector here. - - 1 │ @function grid-width($n) { - > 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 3 │ } - 4 │ @function grid-width($n) { - -return.css:2:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 1 │ @function grid-width($n) { - > 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^^ - 3 │ } - 4 │ @function grid-width($n) { - - i Remove $n - -return.css:2:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '-'. - - 1 │ @function grid-width($n) { - > 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 3 │ } - 4 │ @function grid-width($n) { - - i Expected a compound selector here. - - 1 │ @function grid-width($n) { - > 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 3 │ } - 4 │ @function grid-width($n) { - -return.css:2:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 1 │ @function grid-width($n) { - > 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 3 │ } - 4 │ @function grid-width($n) { - - i Remove * - -return.css:2:57 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '/'. - - 1 │ @function grid-width($n) { - > 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 3 │ } - 4 │ @function grid-width($n) { - - i Expected a compound selector here. - - 1 │ @function grid-width($n) { - > 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 3 │ } - 4 │ @function grid-width($n) { - -return.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 3 │ } - > 4 │ @function grid-width($n) { - │ ^^^^^^^^ - 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 6 │ } - - i Remove function - -return.css:4:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 3 │ } - > 4 │ @function grid-width($n) { - │ ^ - 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 6 │ } - - i Remove ( - -return.css:4:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 3 │ } - > 4 │ @function grid-width($n) { - │ ^^ - 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 6 │ } - - i Remove $n - -return.css:4:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 2 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 3 │ } - > 4 │ @function grid-width($n) { - │ ^ - 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 6 │ } - - i Remove ) - -return.css:5:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 3 │ } - 4 │ @function grid-width($n) { - > 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^^^^^^ - 6 │ } - 7 │ @function grid-width($n) { - - 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 - -return.css:5:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 3 │ } - 4 │ @function grid-width($n) { - > 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 6 │ } - 7 │ @function grid-width($n) { - - i Expected a compound selector here. - - 3 │ } - 4 │ @function grid-width($n) { - > 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 6 │ } - 7 │ @function grid-width($n) { - -return.css:5:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 3 │ } - 4 │ @function grid-width($n) { - > 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^^ - 6 │ } - 7 │ @function grid-width($n) { - - i Remove $n - -return.css:5:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '-'. - - 3 │ } - 4 │ @function grid-width($n) { - > 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 6 │ } - 7 │ @function grid-width($n) { - - i Expected a compound selector here. - - 3 │ } - 4 │ @function grid-width($n) { - > 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 6 │ } - 7 │ @function grid-width($n) { - -return.css:5:37 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 3 │ } - 4 │ @function grid-width($n) { - > 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 6 │ } - 7 │ @function grid-width($n) { - - i Remove * - -return.css:5:53 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '/'. - - 3 │ } - 4 │ @function grid-width($n) { - > 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 6 │ } - 7 │ @function grid-width($n) { - - i Expected a compound selector here. - - 3 │ } - 4 │ @function grid-width($n) { - > 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - │ ^ - 6 │ } - 7 │ @function grid-width($n) { - -return.css:7:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 6 │ } - > 7 │ @function grid-width($n) { - │ ^^^^^^^^ - 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - 9 │ } - - i Remove function - -return.css:7:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 6 │ } - > 7 │ @function grid-width($n) { - │ ^ - 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - 9 │ } - - i Remove ( - -return.css:7:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 6 │ } - > 7 │ @function grid-width($n) { - │ ^^ - 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - 9 │ } - - i Remove $n - -return.css:7:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 5 │ @return $n * $grid-width + ($n - 1) * $gutter-width / 10; - 6 │ } - > 7 │ @function grid-width($n) { - │ ^ - 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - 9 │ } - - i Remove ) - -return.css:8:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 6 │ } - 7 │ @function grid-width($n) { - > 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - │ ^^^^^^ - 9 │ } - 10 │ @function grid-width($n) { - - 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 - -return.css:8:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 6 │ } - 7 │ @function grid-width($n) { - > 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - │ ^ - 9 │ } - 10 │ @function grid-width($n) { - - i Remove * - -return.css:8:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$grid-width` - - 6 │ } - 7 │ @function grid-width($n) { - > 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - │ ^^^^^^^^^^^ - 9 │ } - 10 │ @function grid-width($n) { - - i Remove $grid-width - -return.css:8:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 6 │ } - 7 │ @function grid-width($n) { - > 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - │ ^ - 9 │ } - 10 │ @function grid-width($n) { - - i Expected a compound selector here. - - 6 │ } - 7 │ @function grid-width($n) { - > 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - │ ^ - 9 │ } - 10 │ @function grid-width($n) { - -return.css:8:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n-1` - - 6 │ } - 7 │ @function grid-width($n) { - > 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - │ ^^^^ - 9 │ } - 10 │ @function grid-width($n) { - - i Remove $n-1 - -return.css:8:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 6 │ } - 7 │ @function grid-width($n) { - > 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - │ ^ - 9 │ } - 10 │ @function grid-width($n) { - - i Remove ) - -return.css:8:30 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 6 │ } - 7 │ @function grid-width($n) { - > 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - │ ^ - 9 │ } - 10 │ @function grid-width($n) { - - i Remove * - -return.css:8:31 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$gutter-width` - - 6 │ } - 7 │ @function grid-width($n) { - > 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - │ ^^^^^^^^^^^^^ - 9 │ } - 10 │ @function grid-width($n) { - - i Remove $gutter-width - -return.css:8:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `/` - - 6 │ } - 7 │ @function grid-width($n) { - > 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - │ ^ - 9 │ } - 10 │ @function grid-width($n) { - - i Remove / - -return.css:10:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - 9 │ } - > 10 │ @function grid-width($n) { - │ ^^^^^^^^ - 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 12 │ } - - i Remove function - -return.css:10:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - 9 │ } - > 10 │ @function grid-width($n) { - │ ^ - 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 12 │ } - - i Remove ( - -return.css:10:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - 9 │ } - > 10 │ @function grid-width($n) { - │ ^^ - 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 12 │ } - - i Remove $n - -return.css:10:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 8 │ @return $n*$grid-width+($n-1)*$gutter-width/10; - 9 │ } - > 10 │ @function grid-width($n) { - │ ^ - 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 12 │ } - - i Remove ) - -return.css:11:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 9 │ } - 10 │ @function grid-width($n) { - > 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^^^^^^ - 12 │ } - 13 │ @function grid-width($n) { - - 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 - -return.css:11:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 9 │ } - 10 │ @function grid-width($n) { - > 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 12 │ } - 13 │ @function grid-width($n) { - - i Expected a compound selector here. - - 9 │ } - 10 │ @function grid-width($n) { - > 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 12 │ } - 13 │ @function grid-width($n) { - -return.css:11:34 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 9 │ } - 10 │ @function grid-width($n) { - > 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^^ - 12 │ } - 13 │ @function grid-width($n) { - - i Remove $n - -return.css:11:37 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '-'. - - 9 │ } - 10 │ @function grid-width($n) { - > 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 12 │ } - 13 │ @function grid-width($n) { - - i Expected a compound selector here. - - 9 │ } - 10 │ @function grid-width($n) { - > 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 12 │ } - 13 │ @function grid-width($n) { - -return.css:11:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 9 │ } - 10 │ @function grid-width($n) { - > 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 12 │ } - 13 │ @function grid-width($n) { - - i Remove * - -return.css:11:59 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '/'. - - 9 │ } - 10 │ @function grid-width($n) { - > 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 12 │ } - 13 │ @function grid-width($n) { - - i Expected a compound selector here. - - 9 │ } - 10 │ @function grid-width($n) { - > 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 12 │ } - 13 │ @function grid-width($n) { - -return.css:13:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 12 │ } - > 13 │ @function grid-width($n) { - │ ^^^^^^^^ - 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 15 │ } - - i Remove function - -return.css:13:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 12 │ } - > 13 │ @function grid-width($n) { - │ ^ - 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 15 │ } - - i Remove ( - -return.css:13:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 12 │ } - > 13 │ @function grid-width($n) { - │ ^^ - 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 15 │ } - - i Remove $n - -return.css:13:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 11 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 12 │ } - > 13 │ @function grid-width($n) { - │ ^ - 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 15 │ } - - i Remove ) - -return.css:14:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 12 │ } - 13 │ @function grid-width($n) { - > 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^^^^^^ - 15 │ } - 16 │ @function grid-width($n) { - - 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 - -return.css:14:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 12 │ } - 13 │ @function grid-width($n) { - > 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 15 │ } - 16 │ @function grid-width($n) { - - i Expected a compound selector here. - - 12 │ } - 13 │ @function grid-width($n) { - > 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 15 │ } - 16 │ @function grid-width($n) { - -return.css:14:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 12 │ } - 13 │ @function grid-width($n) { - > 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^^ - 15 │ } - 16 │ @function grid-width($n) { - - i Remove $n - -return.css:14:45 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '-'. - - 12 │ } - 13 │ @function grid-width($n) { - > 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 15 │ } - 16 │ @function grid-width($n) { - - i Expected a compound selector here. - - 12 │ } - 13 │ @function grid-width($n) { - > 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 15 │ } - 16 │ @function grid-width($n) { - -return.css:14:54 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 12 │ } - 13 │ @function grid-width($n) { - > 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 15 │ } - 16 │ @function grid-width($n) { - - i Remove * - -return.css:14:72 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '/'. - - 12 │ } - 13 │ @function grid-width($n) { - > 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 15 │ } - 16 │ @function grid-width($n) { - - i Expected a compound selector here. - - 12 │ } - 13 │ @function grid-width($n) { - > 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - │ ^ - 15 │ } - 16 │ @function grid-width($n) { - -return.css:16:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 15 │ } - > 16 │ @function grid-width($n) { - │ ^^^^^^^^ - 17 │ @return $n - 18 │ * - - i Remove function - -return.css:16:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 15 │ } - > 16 │ @function grid-width($n) { - │ ^ - 17 │ @return $n - 18 │ * - - i Remove ( - -return.css:16:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 15 │ } - > 16 │ @function grid-width($n) { - │ ^^ - 17 │ @return $n - 18 │ * - - i Remove $n - -return.css:16:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 14 │ @return $n * $grid-width + ( $n - 1 ) * $gutter-width / 10 ; - 15 │ } - > 16 │ @function grid-width($n) { - │ ^ - 17 │ @return $n - 18 │ * - - i Remove ) - -return.css:17:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 15 │ } - 16 │ @function grid-width($n) { - > 17 │ @return $n - │ ^^^^^^ - 18 │ * - 19 │ $grid-width - - 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 - -return.css:20:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 18 │ * - 19 │ $grid-width - > 20 │ + ( - │ ^ - 21 │ $n - 22 │ - - - i Expected a compound selector here. - - 18 │ * - 19 │ $grid-width - > 20 │ + ( - │ ^ - 21 │ $n - 22 │ - - -return.css:21:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 19 │ $grid-width - 20 │ + ( - > 21 │ $n - │ ^^ - 22 │ - - 23 │ 1 - - i Remove $n - -return.css:22:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '-'. - - 20 │ + ( - 21 │ $n - > 22 │ - - │ ^ - 23 │ 1 - 24 │ ) - - i Expected a compound selector here. - - 20 │ + ( - 21 │ $n - > 22 │ - - │ ^ - 23 │ 1 - 24 │ ) - -return.css:25:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 23 │ 1 - 24 │ ) - > 25 │ * - │ ^ - 26 │ $gutter-width - 27 │ / - - i Remove * - -return.css:27:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '/'. - - 25 │ * - 26 │ $gutter-width - > 27 │ / - │ ^ - 28 │ 10 - 29 │ ; - - i Expected a compound selector here. - - 25 │ * - 26 │ $gutter-width - > 27 │ / - │ ^ - 28 │ 10 - 29 │ ; - -return.css:31:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 29 │ ; - 30 │ } - > 31 │ @function grid-width($n) { - │ ^^^^^^^^ - 32 │ @return - 33 │ $n - - i Remove function - -return.css:31:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 29 │ ; - 30 │ } - > 31 │ @function grid-width($n) { - │ ^ - 32 │ @return - 33 │ $n - - i Remove ( - -return.css:31:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 29 │ ; - 30 │ } - > 31 │ @function grid-width($n) { - │ ^^ - 32 │ @return - 33 │ $n - - i Remove $n - -return.css:31:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 29 │ ; - 30 │ } - > 31 │ @function grid-width($n) { - │ ^ - 32 │ @return - 33 │ $n - - i Remove ) - -return.css:32:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 30 │ } - 31 │ @function grid-width($n) { - > 32 │ @return - │ ^^^^^^ - 33 │ $n - 34 │ * - - 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 - -return.css:36:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 34 │ * - 35 │ $grid-width - > 36 │ + ( - │ ^ - 37 │ $n - 38 │ - - - i Expected a compound selector here. - - 34 │ * - 35 │ $grid-width - > 36 │ + ( - │ ^ - 37 │ $n - 38 │ - - -return.css:37:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 35 │ $grid-width - 36 │ + ( - > 37 │ $n - │ ^^ - 38 │ - - 39 │ 1 - - i Remove $n - -return.css:38:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '-'. - - 36 │ + ( - 37 │ $n - > 38 │ - - │ ^ - 39 │ 1 - 40 │ ) - - i Expected a compound selector here. - - 36 │ + ( - 37 │ $n - > 38 │ - - │ ^ - 39 │ 1 - 40 │ ) - -return.css:41:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 39 │ 1 - 40 │ ) - > 41 │ * - │ ^ - 42 │ $gutter-width - 43 │ / - - i Remove * - -return.css:43:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '/'. - - 41 │ * - 42 │ $gutter-width - > 43 │ / - │ ^ - 44 │ 10 - 45 │ ; - - i Expected a compound selector here. - - 41 │ * - 42 │ $gutter-width - > 43 │ / - │ ^ - 44 │ 10 - 45 │ ; - -return.css:47:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 45 │ ; - 46 │ } - > 47 │ @function - │ ^^^^^^^^ - 48 │ grid-width( - 49 │ $n - - i Remove function - -return.css:48:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 46 │ } - 47 │ @function - > 48 │ grid-width( - │ ^ - 49 │ $n - 50 │ ) - - i Remove ( - -return.css:49:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 47 │ @function - 48 │ grid-width( - > 49 │ $n - │ ^^ - 50 │ ) - 51 │ { - - i Remove $n - -return.css:50:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 48 │ grid-width( - 49 │ $n - > 50 │ ) - │ ^ - 51 │ { - 52 │ @return - - i Remove ) - -return.css:52:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 50 │ ) - 51 │ { - > 52 │ @return - │ ^^^^^^ - 53 │ $n - 54 │ * - - 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 - -return.css:57:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 55 │ $grid-width - 56 │ + - > 57 │ ( - │ ^ - 58 │ $n - 59 │ - - - i Expected a compound selector here. - - 55 │ $grid-width - 56 │ + - > 57 │ ( - │ ^ - 58 │ $n - 59 │ - - -return.css:58:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 56 │ + - 57 │ ( - > 58 │ $n - │ ^^ - 59 │ - - 60 │ 1 - - i Remove $n - -return.css:59:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '-'. - - 57 │ ( - 58 │ $n - > 59 │ - - │ ^ - 60 │ 1 - 61 │ ) - - i Expected a compound selector here. - - 57 │ ( - 58 │ $n - > 59 │ - - │ ^ - 60 │ 1 - 61 │ ) - -return.css:62:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 60 │ 1 - 61 │ ) - > 62 │ * - │ ^ - 63 │ $gutter-width - 64 │ / - - i Remove * - -return.css:64:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '/'. - - 62 │ * - 63 │ $gutter-width - > 64 │ / - │ ^ - 65 │ 10 - 66 │ ; - - i Expected a compound selector here. - - 62 │ * - 63 │ $gutter-width - > 64 │ / - │ ^ - 65 │ 10 - 66 │ ; - -return.css:68:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 66 │ ; - 67 │ } - > 68 │ @function - │ ^^^^^^^^ - 69 │ - 70 │ grid-width( - - i Remove function - -return.css:70:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 68 │ @function - 69 │ - > 70 │ grid-width( - │ ^ - 71 │ - 72 │ $n - - i Remove ( - -return.css:72:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 70 │ grid-width( - 71 │ - > 72 │ $n - │ ^^ - 73 │ - 74 │ ) - - i Remove $n - -return.css:74:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 72 │ $n - 73 │ - > 74 │ ) - │ ^ - 75 │ - 76 │ { - - i Remove ) - -return.css:78:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 76 │ { - 77 │ - > 78 │ @return - │ ^^^^^^ - 79 │ - 80 │ $n - - 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 - -return.css:88:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 86 │ + - 87 │ - > 88 │ ( - │ ^ - 89 │ - 90 │ $n - - i Expected a compound selector here. - - 86 │ + - 87 │ - > 88 │ ( - │ ^ - 89 │ - 90 │ $n - -return.css:90:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 88 │ ( - 89 │ - > 90 │ $n - │ ^^ - 91 │ - 92 │ - - - i Remove $n - -return.css:92:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '-'. - - 90 │ $n - 91 │ - > 92 │ - - │ ^ - 93 │ - 94 │ 1 - - i Expected a compound selector here. - - 90 │ $n - 91 │ - > 92 │ - - │ ^ - 93 │ - 94 │ 1 - -return.css:98:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 96 │ ) - 97 │ - > 98 │ * - │ ^ - 99 │ - 100 │ $gutter-width - - i Remove * - -return.css:102:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '/'. - - 100 │ $gutter-width - 101 │ - > 102 │ / - │ ^ - 103 │ - 104 │ 10 - - i Expected a compound selector here. - - 100 │ $gutter-width - 101 │ - > 102 │ / - │ ^ - 103 │ - 104 │ 10 - -return.css:109:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 108 │ } - > 109 │ @function grid-width($n) { - │ ^^^^^^^^ - 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - 111 │ } - - i Remove function - -return.css:109:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 108 │ } - > 109 │ @function grid-width($n) { - │ ^ - 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - 111 │ } - - i Remove ( - -return.css:109:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$n` - - 108 │ } - > 109 │ @function grid-width($n) { - │ ^^ - 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - 111 │ } - - i Remove $n - -return.css:109:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 108 │ } - > 109 │ @function grid-width($n) { - │ ^ - 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - 111 │ } - - i Remove ) - -return.css:110:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 108 │ } - 109 │ @function grid-width($n) { - > 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - │ ^^^^^^ - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - - 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 - -return.css:110:105 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 108 │ } - 109 │ @function grid-width($n) { - > 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - │ ^ - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - - i Expected a compound selector here. - - 108 │ } - 109 │ @function grid-width($n) { - > 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - │ ^ - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - -return.css:110:106 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-vey-long-var` - - 108 │ } - 109 │ @function grid-width($n) { - > 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - - i Remove $very-very-very-very-very-very-vey-long-var - -return.css:110:150 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '-'. - - 108 │ } - 109 │ @function grid-width($n) { - > 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - │ ^ - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - - i Expected a compound selector here. - - 108 │ } - 109 │ @function grid-width($n) { - > 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - │ ^ - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - -return.css:110:155 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `*` - - 108 │ } - 109 │ @function grid-width($n) { - > 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - │ ^ - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - - i Remove * - -return.css:110:200 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 108 │ } - 109 │ @function grid-width($n) { - > 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - │ ^ - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - - i Remove ; - -return.css:112:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - 111 │ } - > 112 │ @function extend($obj, $ext-obj) { - │ ^^^^^^^^ - 113 │ @return map-merge($obj, $ext-obj); - 114 │ } - - i Remove function - -return.css:112:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - 111 │ } - > 112 │ @function extend($obj, $ext-obj) { - │ ^ - 113 │ @return map-merge($obj, $ext-obj); - 114 │ } - - i Remove ( - -return.css:112:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$obj` - - 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - 111 │ } - > 112 │ @function extend($obj, $ext-obj) { - │ ^^^^ - 113 │ @return map-merge($obj, $ext-obj); - 114 │ } - - i Remove $obj - -return.css:112:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 110 │ @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; - 111 │ } - > 112 │ @function extend($obj, $ext-obj) { - │ ^ - 113 │ @return map-merge($obj, $ext-obj); - 114 │ } - - i Remove ) - -return.css:113:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - > 113 │ @return map-merge($obj, $ext-obj); - │ ^^^^^^ - 114 │ } - 115 │ @function extend($obj, $ext-obj) { - - 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 - -return.css:113:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - > 113 │ @return map-merge($obj, $ext-obj); - │ ^ - 114 │ } - 115 │ @function extend($obj, $ext-obj) { - - i Remove ( - -return.css:113:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$obj` - - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - > 113 │ @return map-merge($obj, $ext-obj); - │ ^^^^ - 114 │ } - 115 │ @function extend($obj, $ext-obj) { - - i Remove $obj - -return.css:113:37 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 111 │ } - 112 │ @function extend($obj, $ext-obj) { - > 113 │ @return map-merge($obj, $ext-obj); - │ ^ - 114 │ } - 115 │ @function extend($obj, $ext-obj) { - - i Remove ) - -return.css:115:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 113 │ @return map-merge($obj, $ext-obj); - 114 │ } - > 115 │ @function extend($obj, $ext-obj) { - │ ^^^^^^^^ - 116 │ @return map-merge( $obj , $ext-obj ) ; - 117 │ } - - i Remove function - -return.css:115:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 113 │ @return map-merge($obj, $ext-obj); - 114 │ } - > 115 │ @function extend($obj, $ext-obj) { - │ ^ - 116 │ @return map-merge( $obj , $ext-obj ) ; - 117 │ } - - i Remove ( - -return.css:115:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$obj` - - 113 │ @return map-merge($obj, $ext-obj); - 114 │ } - > 115 │ @function extend($obj, $ext-obj) { - │ ^^^^ - 116 │ @return map-merge( $obj , $ext-obj ) ; - 117 │ } - - i Remove $obj - -return.css:115:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 113 │ @return map-merge($obj, $ext-obj); - 114 │ } - > 115 │ @function extend($obj, $ext-obj) { - │ ^ - 116 │ @return map-merge( $obj , $ext-obj ) ; - 117 │ } - - i Remove ) - -return.css:116:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 114 │ } - 115 │ @function extend($obj, $ext-obj) { - > 116 │ @return map-merge( $obj , $ext-obj ) ; - │ ^^^^^^ - 117 │ } - 118 │ @function extend($obj, $ext-obj) { - - 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 - -return.css:116:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 114 │ } - 115 │ @function extend($obj, $ext-obj) { - > 116 │ @return map-merge( $obj , $ext-obj ) ; - │ ^ - 117 │ } - 118 │ @function extend($obj, $ext-obj) { - - i Remove ( - -return.css:116:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$obj` - - 114 │ } - 115 │ @function extend($obj, $ext-obj) { - > 116 │ @return map-merge( $obj , $ext-obj ) ; - │ ^^^^ - 117 │ } - 118 │ @function extend($obj, $ext-obj) { - - i Remove $obj - -return.css:116:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 114 │ } - 115 │ @function extend($obj, $ext-obj) { - > 116 │ @return map-merge( $obj , $ext-obj ) ; - │ ^ - 117 │ } - 118 │ @function extend($obj, $ext-obj) { - - i Remove ) - -return.css:118:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 116 │ @return map-merge( $obj , $ext-obj ) ; - 117 │ } - > 118 │ @function extend($obj, $ext-obj) { - │ ^^^^^^^^ - 119 │ @return map-merge($obj,$ext-obj); - 120 │ } - - i Remove function - -return.css:118:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 116 │ @return map-merge( $obj , $ext-obj ) ; - 117 │ } - > 118 │ @function extend($obj, $ext-obj) { - │ ^ - 119 │ @return map-merge($obj,$ext-obj); - 120 │ } - - i Remove ( - -return.css:118:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$obj` - - 116 │ @return map-merge( $obj , $ext-obj ) ; - 117 │ } - > 118 │ @function extend($obj, $ext-obj) { - │ ^^^^ - 119 │ @return map-merge($obj,$ext-obj); - 120 │ } - - i Remove $obj - -return.css:118:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 116 │ @return map-merge( $obj , $ext-obj ) ; - 117 │ } - > 118 │ @function extend($obj, $ext-obj) { - │ ^ - 119 │ @return map-merge($obj,$ext-obj); - 120 │ } - - i Remove ) - -return.css:119:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 117 │ } - 118 │ @function extend($obj, $ext-obj) { - > 119 │ @return map-merge($obj,$ext-obj); - │ ^^^^^^ - 120 │ } - 121 │ @function extend($obj, $ext-obj) { - - 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 - -return.css:119:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 117 │ } - 118 │ @function extend($obj, $ext-obj) { - > 119 │ @return map-merge($obj,$ext-obj); - │ ^ - 120 │ } - 121 │ @function extend($obj, $ext-obj) { - - i Remove ( - -return.css:119:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$obj` - - 117 │ } - 118 │ @function extend($obj, $ext-obj) { - > 119 │ @return map-merge($obj,$ext-obj); - │ ^^^^ - 120 │ } - 121 │ @function extend($obj, $ext-obj) { - - i Remove $obj - -return.css:119:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 117 │ } - 118 │ @function extend($obj, $ext-obj) { - > 119 │ @return map-merge($obj,$ext-obj); - │ ^ - 120 │ } - 121 │ @function extend($obj, $ext-obj) { - - i Remove ) - -return.css:121:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `function` - - 119 │ @return map-merge($obj,$ext-obj); - 120 │ } - > 121 │ @function extend($obj, $ext-obj) { - │ ^^^^^^^^ - 122 │ @return - 123 │ map-merge( - - i Remove function - -return.css:121:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 119 │ @return map-merge($obj,$ext-obj); - 120 │ } - > 121 │ @function extend($obj, $ext-obj) { - │ ^ - 122 │ @return - 123 │ map-merge( - - i Remove ( - -return.css:121:18 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$obj` - - 119 │ @return map-merge($obj,$ext-obj); - 120 │ } - > 121 │ @function extend($obj, $ext-obj) { - │ ^^^^ - 122 │ @return - 123 │ map-merge( - - i Remove $obj - -return.css:121:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 119 │ @return map-merge($obj,$ext-obj); - 120 │ } - > 121 │ @function extend($obj, $ext-obj) { - │ ^ - 122 │ @return - 123 │ map-merge( - - i Remove ) - -return.css:122:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 120 │ } - 121 │ @function extend($obj, $ext-obj) { - > 122 │ @return - │ ^^^^^^ - 123 │ map-merge( - 124 │ $obj - - 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 - -return.css:123:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 121 │ @function extend($obj, $ext-obj) { - 122 │ @return - > 123 │ map-merge( - │ ^ - 124 │ $obj - 125 │ , - - i Remove ( - -return.css:124:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$obj` - - 122 │ @return - 123 │ map-merge( - > 124 │ $obj - │ ^^^^ - 125 │ , - 126 │ $ext-obj - - i Remove $obj - -return.css:127:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 125 │ , - 126 │ $ext-obj - > 127 │ ) - │ ^ - 128 │ ; - 129 │ } - - i Remove ) - -return.css:130:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `{` but instead the file ends - - 128 │ ; - 129 │ } - > 130 │ - │ - - i the file ends here - - 128 │ ; - 129 │ } - > 130 │ - │ - - -``` - # Lines exceeding max width of 80 characters ``` - 111: @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; + 93: @return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var; ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/viewport.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/viewport.css.snap deleted file mode 100644 index 94dbe7a29e5d..000000000000 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/viewport.css.snap +++ /dev/null @@ -1,351 +0,0 @@ ---- -source: crates/biome_formatter_test/src/snapshot_builder.rs -info: css/atrule/viewport.css ---- - -# Input - -```css -@viewport { - min-width: 640px; - max-width: 800px; -} - -@viewport { -min-width: 640px; -max-width: 800px; -} - -@viewport{ - min-width: 640px; - max-width: 800px; -} - -@viewport { - min-width: 640px; - max-width: 800px; -} - -@viewport -{ -min-width -: -640px -; -max-width -: -800px -; -} - -@viewport - -{ - -min-width - -: - -640px - -; - -max-width - -: - -800px - -; - -} - -``` - - -# Prettier differences - -```diff ---- Prettier -+++ Biome -@@ -1,29 +1,35 @@ --@viewport { -+@ -+viewport { - min-width: 640px; - max-width: 800px; - } - --@viewport { -+@ -+viewport { - min-width: 640px; - max-width: 800px; - } - --@viewport { -+@ -+viewport { - min-width: 640px; - max-width: 800px; - } - --@viewport { -+@ -+viewport { - min-width: 640px; - max-width: 800px; - } - --@viewport { -+@ -+viewport { - min-width: 640px; - max-width: 800px; - } - --@viewport { -+@ -+viewport { - min-width: 640px; - - max-width: 800px; -``` - -# Output - -```css -@ -viewport { - min-width: 640px; - max-width: 800px; -} - -@ -viewport { - min-width: 640px; - max-width: 800px; -} - -@ -viewport { - min-width: 640px; - max-width: 800px; -} - -@ -viewport { - min-width: 640px; - max-width: 800px; -} - -@ -viewport { - min-width: 640px; - max-width: 800px; -} - -@ -viewport { - min-width: 640px; - - max-width: 800px; -} -``` - -# Errors -``` -viewport.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @viewport { - │ ^^^^^^^^ - 2 │ min-width: 640px; - 3 │ max-width: 800px; - - 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 - -viewport.css:6:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 4 │ } - 5 │ - > 6 │ @viewport { - │ ^^^^^^^^ - 7 │ min-width: 640px; - 8 │ max-width: 800px; - - 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 - -viewport.css:11:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 9 │ } - 10 │ - > 11 │ @viewport{ - │ ^^^^^^^^ - 12 │ min-width: 640px; - 13 │ max-width: 800px; - - 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 - -viewport.css:16:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 14 │ } - 15 │ - > 16 │ @viewport { - │ ^^^^^^^^ - 17 │ min-width: 640px; - 18 │ max-width: 800px; - - 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 - -viewport.css:21:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 19 │ } - 20 │ - > 21 │ @viewport - │ ^^^^^^^^ - 22 │ { - 23 │ min-width - - 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 - -viewport.css:33:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 31 │ } - 32 │ - > 33 │ @viewport - │ ^^^^^^^^ - 34 │ - 35 │ { - - 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 - - -``` - - diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/while.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/while.css.snap index f1617b693afb..5c33cd44084f 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atrule/while.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atrule/while.css.snap @@ -124,106 +124,52 @@ $i ```diff --- Prettier +++ Biome -@@ -1,72 +1,142 @@ --@while $i > 0 { -+@ -+while $i > 0 {} -+@ -+while $i>0{} -+@ -+while $i > 0 {} -+@ -+while $i -+ > -+0 -+ {} -+@ -+while -+ $i -+ > -+0 -+ {} -+@ -+while -+$i -+> -+0 -+{ +@@ -2,71 +2,106 @@ + } + @while $i>0 { } --@while $i>0 { --} -@while $i > 0 { --} ++@while $i > 0 { + } -@while $i > 0 { --} ++@while $i ++ > ++ 0 { + } -@while $i > 0 { --} ++@while $i ++ > ++ 0 { + } -@while $i > 0 { --} ++@while $i ++> ++0 { + } -@while $i > 0 { --} --@while ($i > 0) { --} --@while ($i>0) { --} --@while ($i > 0) { -+@ -+while -+ -+$i ++@while $i + +> + -+0 -+ -+{ -+ ++0 { + } + @while ($i > 0) { + } + @while ($i>0) { } -@while ($i > 0) { -+@ -+while ($i > 0) {} -+@ -+while ($i>0){} -+@ -+while ( $i > 0 ) {} -+@ -+while ( $i > 0 ) {} -+@ -+while -+( -+$i > -+0 -+) {} -+@ -+while -+ ($i > 0) {} -+@ -+while -+( -+$i -+> -+0 -+) -+{ ++@while ( $i > 0 ) { } -@while ($i > 0) { -+@ -+while -+( -+ -+$i -+ -+> -+ -+0 -+ -+) -+ -+{ -+ ++@while ( $i > 0 ) { } -@while ($i > 0) { --} ++@while ( ++ $i > 0 ++) { + } + @while ($i > 0) { + } -@while ($i > 0) { -} -@while ($i > 0) { @@ -233,80 +179,68 @@ $i -} -@while 1 > - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { --} ++@while ( ++$i ++> ++0 ++) { + } -@while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - > - $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { --} ++@while ( ++ ++$i ++ ++> ++ ++0 ++ ++) { + } -@while (($i) > (0)) { --} ++@while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 { + } -@while (($i) >(0)) { --} --@while (($i) > (0)) { --} ++@while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { + } -@while (($i) > (0)) { --} ++@while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { + } + @while (($i) > (0)) { + } -@while (($i) > (0)) { --} ++@while (($i)>(0)) { + } -@while (($i) > (0)) { --} ++@while ( ( $i ) > ( 0 ) ) { + } -@while ( - $very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 --) { --} --@while ( ++@while (($i) ++ > ++ (0) + ) { + } + @while ( - 1 > - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var --) { --} --@while ( -+@ -+while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} -+@ -+while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} -+@ -+while - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var -- > 1 --) { -+ > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { - } --@while ( -- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var -+@ -+while (($i) > (0)) {} -+@ -+while (($i)>(0)){} -+@ -+while ( ( $i ) > ( 0 ) ) {} -+@ -+while (($i -+) - > -- $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var --) { -+ (0) -+) {} -+@ -+while +( -+( -+$i ++$i +) +> +( +0 +) -+) -+{ + ) { } -+@ -+while -+( + @while ( +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var +- > 1 + +( + -+$i ++$i + +) + @@ -318,89 +252,71 @@ $i + +) + -+) -+ -+{ -+ + ) { + } +-@while ( +- $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var +- > +- $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var +-) { ++@while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) { +} -+@ -+while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} -+@ -+while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} -+@ -+while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} -+@ -+while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} ++@while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) { ++} ++@while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) { ++} ++@while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) { + } ``` # Output ```css -@ -while $i > 0 {} -@ -while $i>0{} -@ -while $i > 0 {} -@ -while $i +@while $i > 0 { +} +@while $i>0 { +} +@while $i > 0 { +} +@while $i > -0 - {} -@ -while - $i + 0 { +} +@while $i > -0 - {} -@ -while -$i + 0 { +} +@while $i > -0 -{ +0 { } -@ -while - -$i +@while $i > -0 - -{ - +0 { } -@ -while ($i > 0) {} -@ -while ($i>0){} -@ -while ( $i > 0 ) {} -@ -while ( $i > 0 ) {} -@ -while -( -$i > -0 -) {} -@ -while - ($i > 0) {} -@ -while -( +@while ($i > 0) { +} +@while ($i>0) { +} +@while ( $i > 0 ) { +} +@while ( $i > 0 ) { +} +@while ( + $i > 0 +) { +} +@while ($i > 0) { +} +@while ( $i > 0 -) -{ +) { } -@ -while -( +@while ( $i @@ -408,52 +324,40 @@ $i 0 -) - -{ - +) { } -@ -while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} -@ -while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} -@ -while - $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { +@while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 { } -@ -while (($i) > (0)) {} -@ -while (($i)>(0)){} -@ -while ( ( $i ) > ( 0 ) ) {} -@ -while (($i -) +@while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { +} +@while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { +} +@while (($i) > (0)) { +} +@while (($i)>(0)) { +} +@while ( ( $i ) > ( 0 ) ) { +} +@while (($i) > (0) -) {} -@ -while -( +) { +} +@while ( ( -$i +$i ) > ( 0 ) -) -{ +) { } -@ -while -( +@while ( ( -$i +$i ) @@ -465,1927 +369,25 @@ $i ) -) - -{ - +) { +} +@while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) { +} +@while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) { +} +@while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) { +} +@while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) { } -@ -while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} -@ -while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} -@ -while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} -@ -while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} -``` - -# Errors -``` -while.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @while $i > 0 {} - │ ^^^^^ - 2 │ @while $i>0{} - 3 │ @while $i > 0 {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -while.css:1:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - > 1 │ @while $i > 0 {} - │ ^ - 2 │ @while $i>0{} - 3 │ @while $i > 0 {} - - i Expected a compound selector here. - - > 1 │ @while $i > 0 {} - │ ^ - 2 │ @while $i>0{} - 3 │ @while $i > 0 {} - -while.css:2:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @while $i > 0 {} - > 2 │ @while $i>0{} - │ ^^^^^ - 3 │ @while $i > 0 {} - 4 │ @while $i - - 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 - -while.css:2:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 1 │ @while $i > 0 {} - > 2 │ @while $i>0{} - │ ^ - 3 │ @while $i > 0 {} - 4 │ @while $i - - i Expected a compound selector here. - - 1 │ @while $i > 0 {} - > 2 │ @while $i>0{} - │ ^ - 3 │ @while $i > 0 {} - 4 │ @while $i - -while.css:3:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @while $i > 0 {} - 2 │ @while $i>0{} - > 3 │ @while $i > 0 {} - │ ^^^^^ - 4 │ @while $i - 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 - -while.css:3:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 1 │ @while $i > 0 {} - 2 │ @while $i>0{} - > 3 │ @while $i > 0 {} - │ ^ - 4 │ @while $i - 5 │ > - - i Expected a compound selector here. - - 1 │ @while $i > 0 {} - 2 │ @while $i>0{} - > 3 │ @while $i > 0 {} - │ ^ - 4 │ @while $i - 5 │ > - -while.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 2 │ @while $i>0{} - 3 │ @while $i > 0 {} - > 4 │ @while $i - │ ^^^^^ - 5 │ > - 6 │ 0 - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -while.css:6:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 4 │ @while $i - 5 │ > - > 6 │ 0 - │ ^ - 7 │ {} - 8 │ @while - - i Expected a compound selector here. - - 4 │ @while $i - 5 │ > - > 6 │ 0 - │ ^ - 7 │ {} - 8 │ @while - -while.css:8:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 6 │ 0 - 7 │ {} - > 8 │ @while - │ ^^^^^ - 9 │ $i - 10 │ > - - 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 - -while.css:11:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 9 │ $i - 10 │ > - > 11 │ 0 - │ ^ - 12 │ {} - 13 │ @while - - i Expected a compound selector here. - - 9 │ $i - 10 │ > - > 11 │ 0 - │ ^ - 12 │ {} - 13 │ @while - -while.css:13:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 11 │ 0 - 12 │ {} - > 13 │ @while - │ ^^^^^ - 14 │ $i - 15 │ > - - 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 - -while.css:16:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 14 │ $i - 15 │ > - > 16 │ 0 - │ ^ - 17 │ { - 18 │ } - - i Expected a compound selector here. - - 14 │ $i - 15 │ > - > 16 │ 0 - │ ^ - 17 │ { - 18 │ } - -while.css:19:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 17 │ { - 18 │ } - > 19 │ @while - │ ^^^^^ - 20 │ - 21 │ $i - - 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 - -while.css:25:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 23 │ > - 24 │ - > 25 │ 0 - │ ^ - 26 │ - 27 │ { - - i Expected a compound selector here. - - 23 │ > - 24 │ - > 25 │ 0 - │ ^ - 26 │ - 27 │ { - -while.css:30:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 29 │ } - > 30 │ @while ($i > 0) {} - │ ^^^^^ - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -while.css:30:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 29 │ } - > 30 │ @while ($i > 0) {} - │ ^ - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - - i Expected a compound selector here. - - 29 │ } - > 30 │ @while ($i > 0) {} - │ ^ - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - -while.css:30:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$i` - - 29 │ } - > 30 │ @while ($i > 0) {} - │ ^^ - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - - i Remove $i - -while.css:30:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 29 │ } - > 30 │ @while ($i > 0) {} - │ ^ - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - - i Expected a compound selector here. - - 29 │ } - > 30 │ @while ($i > 0) {} - │ ^ - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - -while.css:31:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 29 │ } - 30 │ @while ($i > 0) {} - > 31 │ @while ($i>0){} - │ ^^^^^ - 32 │ @while ( $i > 0 ) {} - 33 │ @while ( $i > 0 ) {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -while.css:31:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 29 │ } - 30 │ @while ($i > 0) {} - > 31 │ @while ($i>0){} - │ ^ - 32 │ @while ( $i > 0 ) {} - 33 │ @while ( $i > 0 ) {} - - i Expected a compound selector here. - - 29 │ } - 30 │ @while ($i > 0) {} - > 31 │ @while ($i>0){} - │ ^ - 32 │ @while ( $i > 0 ) {} - 33 │ @while ( $i > 0 ) {} - -while.css:31:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$i` - - 29 │ } - 30 │ @while ($i > 0) {} - > 31 │ @while ($i>0){} - │ ^^ - 32 │ @while ( $i > 0 ) {} - 33 │ @while ( $i > 0 ) {} - - i Remove $i - -while.css:31:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 29 │ } - 30 │ @while ($i > 0) {} - > 31 │ @while ($i>0){} - │ ^ - 32 │ @while ( $i > 0 ) {} - 33 │ @while ( $i > 0 ) {} - - i Expected a compound selector here. - - 29 │ } - 30 │ @while ($i > 0) {} - > 31 │ @while ($i>0){} - │ ^ - 32 │ @while ( $i > 0 ) {} - 33 │ @while ( $i > 0 ) {} - -while.css:32:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 30 │ @while ($i > 0) {} - 31 │ @while ($i>0){} - > 32 │ @while ( $i > 0 ) {} - │ ^^^^^ - 33 │ @while ( $i > 0 ) {} - 34 │ @while ( - - 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 - -while.css:32:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 30 │ @while ($i > 0) {} - 31 │ @while ($i>0){} - > 32 │ @while ( $i > 0 ) {} - │ ^ - 33 │ @while ( $i > 0 ) {} - 34 │ @while ( - - i Expected a compound selector here. - - 30 │ @while ($i > 0) {} - 31 │ @while ($i>0){} - > 32 │ @while ( $i > 0 ) {} - │ ^ - 33 │ @while ( $i > 0 ) {} - 34 │ @while ( - -while.css:32:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$i` - - 30 │ @while ($i > 0) {} - 31 │ @while ($i>0){} - > 32 │ @while ( $i > 0 ) {} - │ ^^ - 33 │ @while ( $i > 0 ) {} - 34 │ @while ( - - i Remove $i - -while.css:32:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 30 │ @while ($i > 0) {} - 31 │ @while ($i>0){} - > 32 │ @while ( $i > 0 ) {} - │ ^ - 33 │ @while ( $i > 0 ) {} - 34 │ @while ( - - i Expected a compound selector here. - - 30 │ @while ($i > 0) {} - 31 │ @while ($i>0){} - > 32 │ @while ( $i > 0 ) {} - │ ^ - 33 │ @while ( $i > 0 ) {} - 34 │ @while ( - -while.css:33:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - > 33 │ @while ( $i > 0 ) {} - │ ^^^^^ - 34 │ @while ( - 35 │ $i > 0 - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -while.css:33:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - > 33 │ @while ( $i > 0 ) {} - │ ^ - 34 │ @while ( - 35 │ $i > 0 - - i Expected a compound selector here. - - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - > 33 │ @while ( $i > 0 ) {} - │ ^ - 34 │ @while ( - 35 │ $i > 0 - -while.css:33:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$i` - - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - > 33 │ @while ( $i > 0 ) {} - │ ^^ - 34 │ @while ( - 35 │ $i > 0 - - i Remove $i - -while.css:33:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - > 33 │ @while ( $i > 0 ) {} - │ ^ - 34 │ @while ( - 35 │ $i > 0 - - i Expected a compound selector here. - - 31 │ @while ($i>0){} - 32 │ @while ( $i > 0 ) {} - > 33 │ @while ( $i > 0 ) {} - │ ^ - 34 │ @while ( - 35 │ $i > 0 - -while.css:34:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 32 │ @while ( $i > 0 ) {} - 33 │ @while ( $i > 0 ) {} - > 34 │ @while ( - │ ^^^^^ - 35 │ $i > 0 - 36 │ ) {} - - 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 - -while.css:34:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 32 │ @while ( $i > 0 ) {} - 33 │ @while ( $i > 0 ) {} - > 34 │ @while ( - │ ^ - 35 │ $i > 0 - 36 │ ) {} - - i Expected a compound selector here. - - 32 │ @while ( $i > 0 ) {} - 33 │ @while ( $i > 0 ) {} - > 34 │ @while ( - │ ^ - 35 │ $i > 0 - 36 │ ) {} - -while.css:35:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 33 │ @while ( $i > 0 ) {} - 34 │ @while ( - > 35 │ $i > 0 - │ ^ - 36 │ ) {} - 37 │ @while - - i Expected a compound selector here. - - 33 │ @while ( $i > 0 ) {} - 34 │ @while ( - > 35 │ $i > 0 - │ ^ - 36 │ ) {} - 37 │ @while - -while.css:37:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 35 │ $i > 0 - 36 │ ) {} - > 37 │ @while - │ ^^^^^ - 38 │ ($i > 0) {} - 39 │ @while - - 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 - -while.css:38:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 36 │ ) {} - 37 │ @while - > 38 │ ($i > 0) {} - │ ^ - 39 │ @while - 40 │ ( - - i Expected a compound selector here. - - 36 │ ) {} - 37 │ @while - > 38 │ ($i > 0) {} - │ ^ - 39 │ @while - 40 │ ( - -while.css:38:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$i` - - 36 │ ) {} - 37 │ @while - > 38 │ ($i > 0) {} - │ ^^ - 39 │ @while - 40 │ ( - - i Remove $i - -while.css:38:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 36 │ ) {} - 37 │ @while - > 38 │ ($i > 0) {} - │ ^ - 39 │ @while - 40 │ ( - - i Expected a compound selector here. - - 36 │ ) {} - 37 │ @while - > 38 │ ($i > 0) {} - │ ^ - 39 │ @while - 40 │ ( - -while.css:39:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 37 │ @while - 38 │ ($i > 0) {} - > 39 │ @while - │ ^^^^^ - 40 │ ( - 41 │ $i - - 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 - -while.css:40:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 38 │ ($i > 0) {} - 39 │ @while - > 40 │ ( - │ ^ - 41 │ $i - 42 │ > - - i Expected a compound selector here. - - 38 │ ($i > 0) {} - 39 │ @while - > 40 │ ( - │ ^ - 41 │ $i - 42 │ > - -while.css:43:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 41 │ $i - 42 │ > - > 43 │ 0 - │ ^ - 44 │ ) - 45 │ { - - i Expected a compound selector here. - - 41 │ $i - 42 │ > - > 43 │ 0 - │ ^ - 44 │ ) - 45 │ { - -while.css:47:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 45 │ { - 46 │ } - > 47 │ @while - │ ^^^^^ - 48 │ - 49 │ ( - - 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 - -while.css:49:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 47 │ @while - 48 │ - > 49 │ ( - │ ^ - 50 │ - 51 │ $i - - i Expected a compound selector here. - - 47 │ @while - 48 │ - > 49 │ ( - │ ^ - 50 │ - 51 │ $i - -while.css:55:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '0'. - - 53 │ > - 54 │ - > 55 │ 0 - │ ^ - 56 │ - 57 │ ) - - i Expected a compound selector here. - - 53 │ > - 54 │ - > 55 │ 0 - │ ^ - 56 │ - 57 │ ) - -while.css:62:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 61 │ } - > 62 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} - │ ^^^^^ - 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - - 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 - -while.css:62:90 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 61 │ } - > 62 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} - │ ^ - 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - - i Expected a compound selector here. - - 61 │ } - > 62 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} - │ ^ - 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - -while.css:63:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 61 │ } - 62 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} - > 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - │ ^^^^^ - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 65 │ @while (($i) > (0)) {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -while.css:63:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 61 │ } - 62 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} - > 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - │ ^ - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 65 │ @while (($i) > (0)) {} - - i Expected a compound selector here. - - 61 │ } - 62 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} - > 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - │ ^ - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 65 │ @while (($i) > (0)) {} - -while.css:63:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var` - - 61 │ } - 62 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} - > 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 65 │ @while (($i) > (0)) {} - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - -while.css:64:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 62 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} - 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - > 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - │ ^^^^^ - 65 │ @while (($i) > (0)) {} - 66 │ @while (($i)>(0)){} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -while.css:65:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - > 65 │ @while (($i) > (0)) {} - │ ^^^^^ - 66 │ @while (($i)>(0)){} - 67 │ @while ( ( $i ) > ( 0 ) ) {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -while.css:65:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - > 65 │ @while (($i) > (0)) {} - │ ^ - 66 │ @while (($i)>(0)){} - 67 │ @while ( ( $i ) > ( 0 ) ) {} - - i Expected a compound selector here. - - 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - > 65 │ @while (($i) > (0)) {} - │ ^ - 66 │ @while (($i)>(0)){} - 67 │ @while ( ( $i ) > ( 0 ) ) {} - -while.css:65:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$i` - - 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - > 65 │ @while (($i) > (0)) {} - │ ^^ - 66 │ @while (($i)>(0)){} - 67 │ @while ( ( $i ) > ( 0 ) ) {} - - i Remove $i - -while.css:65:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 63 │ @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - > 65 │ @while (($i) > (0)) {} - │ ^ - 66 │ @while (($i)>(0)){} - 67 │ @while ( ( $i ) > ( 0 ) ) {} - - i Remove ) - -while.css:66:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 65 │ @while (($i) > (0)) {} - > 66 │ @while (($i)>(0)){} - │ ^^^^^ - 67 │ @while ( ( $i ) > ( 0 ) ) {} - 68 │ @while (($i) - - 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 - -while.css:66:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 65 │ @while (($i) > (0)) {} - > 66 │ @while (($i)>(0)){} - │ ^ - 67 │ @while ( ( $i ) > ( 0 ) ) {} - 68 │ @while (($i) - - i Expected a compound selector here. - - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 65 │ @while (($i) > (0)) {} - > 66 │ @while (($i)>(0)){} - │ ^ - 67 │ @while ( ( $i ) > ( 0 ) ) {} - 68 │ @while (($i) - -while.css:66:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$i` - - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 65 │ @while (($i) > (0)) {} - > 66 │ @while (($i)>(0)){} - │ ^^ - 67 │ @while ( ( $i ) > ( 0 ) ) {} - 68 │ @while (($i) - - i Remove $i - -while.css:66:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 64 │ @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 65 │ @while (($i) > (0)) {} - > 66 │ @while (($i)>(0)){} - │ ^ - 67 │ @while ( ( $i ) > ( 0 ) ) {} - 68 │ @while (($i) - - i Remove ) - -while.css:67:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 65 │ @while (($i) > (0)) {} - 66 │ @while (($i)>(0)){} - > 67 │ @while ( ( $i ) > ( 0 ) ) {} - │ ^^^^^ - 68 │ @while (($i) - 69 │ > - - 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 - -while.css:67:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 65 │ @while (($i) > (0)) {} - 66 │ @while (($i)>(0)){} - > 67 │ @while ( ( $i ) > ( 0 ) ) {} - │ ^ - 68 │ @while (($i) - 69 │ > - - i Expected a compound selector here. - - 65 │ @while (($i) > (0)) {} - 66 │ @while (($i)>(0)){} - > 67 │ @while ( ( $i ) > ( 0 ) ) {} - │ ^ - 68 │ @while (($i) - 69 │ > - -while.css:67:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$i` - - 65 │ @while (($i) > (0)) {} - 66 │ @while (($i)>(0)){} - > 67 │ @while ( ( $i ) > ( 0 ) ) {} - │ ^^ - 68 │ @while (($i) - 69 │ > - - i Remove $i - -while.css:67:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 65 │ @while (($i) > (0)) {} - 66 │ @while (($i)>(0)){} - > 67 │ @while ( ( $i ) > ( 0 ) ) {} - │ ^ - 68 │ @while (($i) - 69 │ > - - i Remove ) - -while.css:68:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 66 │ @while (($i)>(0)){} - 67 │ @while ( ( $i ) > ( 0 ) ) {} - > 68 │ @while (($i) - │ ^^^^^ - 69 │ > - 70 │ (0) - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -while.css:68:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 66 │ @while (($i)>(0)){} - 67 │ @while ( ( $i ) > ( 0 ) ) {} - > 68 │ @while (($i) - │ ^ - 69 │ > - 70 │ (0) - - i Expected a compound selector here. - - 66 │ @while (($i)>(0)){} - 67 │ @while ( ( $i ) > ( 0 ) ) {} - > 68 │ @while (($i) - │ ^ - 69 │ > - 70 │ (0) - -while.css:68:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$i` - - 66 │ @while (($i)>(0)){} - 67 │ @while ( ( $i ) > ( 0 ) ) {} - > 68 │ @while (($i) - │ ^^ - 69 │ > - 70 │ (0) - - i Remove $i - -while.css:68:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 66 │ @while (($i)>(0)){} - 67 │ @while ( ( $i ) > ( 0 ) ) {} - > 68 │ @while (($i) - │ ^ - 69 │ > - 70 │ (0) - - i Remove ) - -while.css:72:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 70 │ (0) - 71 │ ) {} - > 72 │ @while - │ ^^^^^ - 73 │ ( - 74 │ ( - - 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 - -while.css:73:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 71 │ ) {} - 72 │ @while - > 73 │ ( - │ ^ - 74 │ ( - 75 │ $i - - i Expected a compound selector here. - - 71 │ ) {} - 72 │ @while - > 73 │ ( - │ ^ - 74 │ ( - 75 │ $i - -while.css:76:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 74 │ ( - 75 │ $i - > 76 │ ) - │ ^ - 77 │ > - 78 │ ( - - i Remove ) - -while.css:84:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 82 │ { - 83 │ } - > 84 │ @while - │ ^^^^^ - 85 │ - 86 │ ( - - 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 - -while.css:86:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 84 │ @while - 85 │ - > 86 │ ( - │ ^ - 87 │ - 88 │ ( - - i Expected a compound selector here. - - 84 │ @while - 85 │ - > 86 │ ( - │ ^ - 87 │ - 88 │ ( - -while.css:92:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 90 │ $i - 91 │ - > 92 │ ) - │ ^ - 93 │ - 94 │ > - - i Remove ) - -while.css:107:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 106 │ } - > 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^^^^^ - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -while.css:107:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 106 │ } - > 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^ - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - - i Expected a compound selector here. - - 106 │ } - > 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^ - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - -while.css:107:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-long-var` - - 106 │ } - > 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-long-var - -while.css:107:81 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 106 │ } - > 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^ - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - - i Expected a compound selector here. - - 106 │ } - > 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^ - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - -while.css:108:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 106 │ } - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - > 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - │ ^^^^^ - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - - 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 - -while.css:108:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 106 │ } - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - > 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - │ ^ - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - - i Expected a compound selector here. - - 106 │ } - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - > 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - │ ^ - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - -while.css:108:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var` - - 106 │ } - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - > 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - -while.css:108:102 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 106 │ } - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - > 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - │ ^ - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - - i Remove ) - -while.css:109:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - > 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^^^^^ - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 111 │ - - 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 - -while.css:109:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - > 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^ - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 111 │ - - i Expected a compound selector here. - - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - > 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^ - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 111 │ - -while.css:109:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var` - - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - > 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 111 │ - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - -while.css:109:101 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '1'. - - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - > 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^ - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 111 │ - - i Expected a compound selector here. - - 107 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - > 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - │ ^ - 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 111 │ - -while.css:110:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - > 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - │ ^^^^^ - 111 │ - - 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 - -while.css:110:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - > 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - │ ^ - 111 │ - - i Expected a compound selector here. - - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - > 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - │ ^ - 111 │ - -while.css:110:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `$very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var` - - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - > 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - 111 │ - - i Remove $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - -while.css:110:196 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 108 │ @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 109 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - > 110 │ @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - │ ^ - 111 │ - - i Remove ) - - ``` # Lines exceeding max width of 80 characters ``` - 79: while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 {} - 81: while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var {} - 84: $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var - 85: > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { - 136: while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 138: while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} - 140: while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) {} - 142: while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) {} + 55: @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1 { + 57: @while 1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { + 59: @while $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var { + 100: @while ($very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) { + 102: @while (1 > $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) { + 104: @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > 1) { + 106: @while ($very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var > $other-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var) { ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/attribute/custom-selector.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/attribute/custom-selector.css.snap index 21c79f1168d6..8d5bffab1cbf 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/attribute/custom-selector.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/attribute/custom-selector.css.snap @@ -30,21 +30,13 @@ class ```diff --- Prettier +++ Biome -@@ -1,3 +1,23 @@ +@@ -1,3 +1,14 @@ -@custom-selector :--icon i[class^="icon-"], i[class*=" icon-"]; -@custom-selector :--icon i[class^="icon-"], i[class*=" icon-"]; -@custom-selector :--icon i[class^="icon-"], i[class*=" icon-"]; -+@ -+custom-selector :--icon i[class^="icon-"], -+i[class*=" icon-"] -+; -+@ -+custom-selector :--icon i[class^="icon-"], -+i[class*=" icon-"] -+; -+@ -+custom-selector -+:--icon ++@custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; ++@custom-selector :--icon i[ class ^= 'icon-' ], i[ class *= ' icon-' ]; ++@custom-selector :--icon +i[ +class +^= @@ -55,24 +47,15 @@ class +class +*= +' icon-' -+] -+; ++]; ``` # Output ```css -@ -custom-selector :--icon i[class^="icon-"], -i[class*=" icon-"] -; -@ -custom-selector :--icon i[class^="icon-"], -i[class*=" icon-"] -; -@ -custom-selector -:--icon +@custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; +@custom-selector :--icon i[ class ^= 'icon-' ], i[ class *= ' icon-' ]; +@custom-selector :--icon i[ class ^= @@ -83,145 +66,5 @@ i[ class *= ' icon-' -] -; -``` - -# Errors -``` -custom-selector.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - │ ^^^^^^^^^^^^^^^ - 2 │ @custom-selector :--icon i[ class ^= 'icon-' ], i[ class *= ' icon-' ]; - 3 │ @custom-selector - - 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 - -custom-selector.css:1:63 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - > 1 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - │ ^ - 2 │ @custom-selector :--icon i[ class ^= 'icon-' ], i[ class *= ' icon-' ]; - 3 │ @custom-selector - - i Remove ; - -custom-selector.css:2:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - > 2 │ @custom-selector :--icon i[ class ^= 'icon-' ], i[ class *= ' icon-' ]; - │ ^^^^^^^^^^^^^^^ - 3 │ @custom-selector - 4 │ :--icon - - 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 - -custom-selector.css:2:71 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 1 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - > 2 │ @custom-selector :--icon i[ class ^= 'icon-' ], i[ class *= ' icon-' ]; - │ ^ - 3 │ @custom-selector - 4 │ :--icon - - i Remove ; - -custom-selector.css:3:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ @custom-selector :--icon i[class^='icon-'], i[class*=' icon-']; - 2 │ @custom-selector :--icon i[ class ^= 'icon-' ], i[ class *= ' icon-' ]; - > 3 │ @custom-selector - │ ^^^^^^^^^^^^^^^ - 4 │ :--icon - 5 │ i[ - - 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 - -custom-selector.css:16:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ';'. - - 14 │ ' icon-' - 15 │ ] - > 16 │ ; - │ ^ - 17 │ - - i Expected a compound selector here. - - 14 │ ' icon-' - 15 │ ] - > 16 │ ; - │ ^ - 17 │ - - +]; ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/atword/atword.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/atword/atword.css.snap index 4c4229837a3b..37cf9127ce73 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/atword/atword.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/atword/atword.css.snap @@ -2,7 +2,6 @@ source: crates/biome_formatter_test/src/snapshot_builder.rs info: css/atword/atword.css --- - # Input ```css @@ -16,11 +15,10 @@ info: css/atword/atword.css ```diff --- Prettier +++ Biome -@@ -1,4 +1,5 @@ +@@ -1,4 +1,4 @@ .test { - @color: red; -+ @ -+ color: red; ++ @color : red; color: @color; } ``` @@ -29,43 +27,13 @@ info: css/atword/atword.css ```css .test { - @ - color: red; + @color : red; color: @color; } ``` # Errors ``` -atword.css:1:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ .test { @color: red; color: @color; } - │ ^^^^^ - 2 │ - - 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 - atword.css:1:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. @@ -86,5 +54,3 @@ atword.css:1:29 parse ━━━━━━━━━━━━━━━━━━━ ``` - - diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/case/case.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/case/case.css.snap index 1d198720302a..a641c6a86eac 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/case/case.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/case/case.css.snap @@ -76,15 +76,13 @@ x-panel { ```diff --- Prettier +++ Biome -@@ -1,4 +1,6 @@ +@@ -1,4 +1,4 @@ -@custom-media --KeepName (min-width: 500px); -+@ -+custom-media --KeepName (MIN-WIDTH: 500PX) -+; ++@custom-media --KeepName (MIN-WIDTH: 500PX); .foo { color: hsl(0.75turn, 60%, 70%); -@@ -22,7 +24,7 @@ +@@ -22,7 +22,7 @@ background-color: orange; } @@ -93,7 +91,7 @@ x-panel { } /* apply a dashed border to all unresolved elements */ -@@ -53,7 +55,7 @@ +@@ -53,7 +53,7 @@ max-width: 500px; margin: 0 auto; border-radius: 8px; @@ -107,9 +105,7 @@ x-panel { # Output ```css -@ -custom-media --KeepName (MIN-WIDTH: 500PX) -; +@custom-media --KeepName (MIN-WIDTH: 500PX); .foo { color: hsl(0.75turn, 60%, 70%); @@ -173,155 +169,3 @@ x-panel { transform: scale(1.1); } ``` - -# Errors -``` -case.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @custom-media --KeepName (MIN-WIDTH: 500PX); - │ ^^^^^^^^^^^^ - 2 │ - 3 │ .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 - -case.css:1:26 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - > 1 │ @custom-media --KeepName (MIN-WIDTH: 500PX); - │ ^ - 2 │ - 3 │ .foo { - - i Expected a compound selector here. - - > 1 │ @custom-media --KeepName (MIN-WIDTH: 500PX); - │ ^ - 2 │ - 3 │ .foo { - -case.css:1:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `MIN-WIDTH` - - > 1 │ @custom-media --KeepName (MIN-WIDTH: 500PX); - │ ^^^^^^^^^ - 2 │ - 3 │ .foo { - - i Remove MIN-WIDTH - -case.css:1:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @custom-media --KeepName (MIN-WIDTH: 500PX); - │ ^^^ - 2 │ - 3 │ .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 - -case.css:1:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `PX` - - > 1 │ @custom-media --KeepName (MIN-WIDTH: 500PX); - │ ^^ - 2 │ - 3 │ .foo { - - i Remove PX - -case.css:1:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - > 1 │ @custom-media --KeepName (MIN-WIDTH: 500PX); - │ ^ - 2 │ - 3 │ .foo { - - i Remove ) - -case.css:1:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - > 1 │ @custom-media --KeepName (MIN-WIDTH: 500PX); - │ ^ - 2 │ - 3 │ .foo { - - i Remove ; - - -``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/case/custom-selectors.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/case/custom-selectors.css.snap index b47518653cbc..52933db71808 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/case/custom-selectors.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/case/custom-selectors.css.snap @@ -2,7 +2,6 @@ source: crates/biome_formatter_test/src/snapshot_builder.rs info: css/case/custom-selectors.css --- - # Input ```css @@ -20,11 +19,8 @@ info: css/case/custom-selectors.css ```diff --- Prettier +++ Biome -@@ -1,5 +1,7 @@ --@custom-selector :--camelCase .my-css-selector; -+@ -+custom-selector :--camelcase .my-css-selector -+; +@@ -1,5 +1,5 @@ + @custom-selector :--camelCase .my-css-selector; -:--camelCase { +:--camelcase { @@ -35,59 +31,9 @@ info: css/case/custom-selectors.css # Output ```css -@ -custom-selector :--camelcase .my-css-selector -; +@custom-selector :--camelCase .my-css-selector; :--camelcase { content: red; } ``` - -# Errors -``` -custom-selectors.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - > 1 │ @custom-selector :--camelCase .my-css-selector; - │ ^^^^^^^^^^^^^^^ - 2 │ - 3 │ :--camelCase { - - 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 - -custom-selectors.css:1:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - > 1 │ @custom-selector :--camelCase .my-css-selector; - │ ^ - 2 │ - 3 │ :--camelCase { - - i Remove ; - - -``` - - diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/comments/at-rules.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/comments/at-rules.css.snap index 47a5e1289c69..e6ebd9568d8c 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/comments/at-rules.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/comments/at-rules.css.snap @@ -138,7 +138,7 @@ info: css/comments/at-rules.css /* comment 51 */ nice-style: 4; /* comment 52 */ -@@ -40,12 +33,11 @@ +@@ -40,12 +33,10 @@ /* comment 54 */ } /* comment 55 */ @@ -149,12 +149,11 @@ info: css/comments/at-rules.css -/* comment 59 */ -@viewport /* comment 60 */ { -+/* comment 59 */ @ -+viewport /* comment 60 */ { ++/* comment 59 */ @/* comment 60 */ viewport { } @page /* comment 61 */ { -@@ -55,80 +47,79 @@ +@@ -55,80 +46,79 @@ @page /* comment 64 */ vertical /* comment 65 */ { } @@ -338,8 +337,7 @@ info: css/comments/at-rules.css /* comment 56 */ @counter-style /* comment 57 */ thumbs /* comment 58 */ { } -/* comment 59 */ @ -viewport /* comment 60 */ { +/* comment 59 */ @/* comment 60 */ viewport { } @page /* comment 61 */ { @@ -428,66 +426,29 @@ viewport /* comment 60 */ { } /* comment 216 */ ``` -# Errors -``` -at-rules.css:27:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 25 │ /* comment 56 */ @counter-style /* comment 57 */ thumbs /* comment 58 */ {} - 26 │ - > 27 │ /* comment 59 */ @viewport /* comment 60 */ {} - │ ^^^^^^^^ - 28 │ - 29 │ @page /* comment 61 */ {} - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - - -``` - # Lines exceeding max width of 80 characters ``` 17: /* comment 33 */ /* comment 34 */ /* comment 35 */ orientation: landscape /* comment 36 */ 21: @namespace /* comment 40 */ /* comment 41 */ svg url(http://www.w3.org/2000/svg) /* comment 42 */; 26: /* comment 45 */ @font-feature-values /* comment 46 */ Font Two /* comment 47 */ { - 55: @media /* comment 74 */ only /* comment 75 */ screen /* comment 76 */ and /* comment 77 */ ( - 56: /* comment 78 */ /* comment 79 */ /* comment 80 */ min-width: 320px /* comment 81 */ - 58: /* comment 84 */ /* comment 85 */ /* comment 86 */ max-width: 480px /* comment 87 */ - 60: /* comment 90 */ /* comment 91 */ /* comment 92 */ resolution: 150dpi /* comment 93 */ - 63: @media /* comment 95 */ only /* comment 96 */ screen /* comment 97 */ and /* comment 98 */ ( - 64: /* comment 99 */ /* comment 100 */ /* comment 101 */ min-width: 320px /* comment 102 */ - 66: /* comment 105 */ /* comment 106 */ /* comment 107 */ max-width: 480px /* comment 108 */ - 68: /* comment 111 */ /* comment 112 */ /* comment 113 */ resolution: 150dpi /* comment 114 */ - 73: /* comment 120 */ screen /* comment 121 */ /* comment 123 */ and /* comment 122 */ /* comment 124 */ ( - 79: ) /* comment 133 */ /* comment 135 */ and /* comment 134 */ /* comment 136 */ ( - 85: ) /* comment 145 */ /* comment 147 */ and /* comment 146 */ /* comment 148 */ ( - 95: /* comment 161 */ /* comment 162 */ /* comment 163 */ display: flex /* comment 164 */ - 99: /* comment 168 */ /* comment 169 */ /* comment 170 */ display: flex /* comment 171 */ - 103: /* comment 174 */ /* comment 175 */ /* comment 176 */ display: table-cell /* comment 177 */ - 106: /* comment 180 */ /* comment 181 */ /* comment 182 */ display: list-item /* comment 183 */ - 109: /* comment 186 */ /* comment 187 */ /* comment 188 */ display: run-in /* comment 189 */ - 113: /* comment 192 */ /* comment 193 */ /* comment 194 */ --foo: green /* comment 195 */ - 118: /* comment 199 */ /* comment 200 */ /* comment 201 */ display: flex /* comment 202 */ - 120: /* comment 204 */ @media /* comment 205 */ screen /* comment 206 */ and /* comment 207 */ ( - 121: /* comment 208 */ /* comment 209 */ /* comment 210 */ min-width: 900px /* comment 211 */ + 54: @media /* comment 74 */ only /* comment 75 */ screen /* comment 76 */ and /* comment 77 */ ( + 55: /* comment 78 */ /* comment 79 */ /* comment 80 */ min-width: 320px /* comment 81 */ + 57: /* comment 84 */ /* comment 85 */ /* comment 86 */ max-width: 480px /* comment 87 */ + 59: /* comment 90 */ /* comment 91 */ /* comment 92 */ resolution: 150dpi /* comment 93 */ + 62: @media /* comment 95 */ only /* comment 96 */ screen /* comment 97 */ and /* comment 98 */ ( + 63: /* comment 99 */ /* comment 100 */ /* comment 101 */ min-width: 320px /* comment 102 */ + 65: /* comment 105 */ /* comment 106 */ /* comment 107 */ max-width: 480px /* comment 108 */ + 67: /* comment 111 */ /* comment 112 */ /* comment 113 */ resolution: 150dpi /* comment 114 */ + 72: /* comment 120 */ screen /* comment 121 */ /* comment 123 */ and /* comment 122 */ /* comment 124 */ ( + 78: ) /* comment 133 */ /* comment 135 */ and /* comment 134 */ /* comment 136 */ ( + 84: ) /* comment 145 */ /* comment 147 */ and /* comment 146 */ /* comment 148 */ ( + 94: /* comment 161 */ /* comment 162 */ /* comment 163 */ display: flex /* comment 164 */ + 98: /* comment 168 */ /* comment 169 */ /* comment 170 */ display: flex /* comment 171 */ + 102: /* comment 174 */ /* comment 175 */ /* comment 176 */ display: table-cell /* comment 177 */ + 105: /* comment 180 */ /* comment 181 */ /* comment 182 */ display: list-item /* comment 183 */ + 108: /* comment 186 */ /* comment 187 */ /* comment 188 */ display: run-in /* comment 189 */ + 112: /* comment 192 */ /* comment 193 */ /* comment 194 */ --foo: green /* comment 195 */ + 117: /* comment 199 */ /* comment 200 */ /* comment 201 */ display: flex /* comment 202 */ + 119: /* comment 204 */ @media /* comment 205 */ screen /* comment 206 */ and /* comment 207 */ ( + 120: /* comment 208 */ /* comment 209 */ /* comment 210 */ min-width: 900px /* comment 211 */ ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/modules/modules.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/modules/modules.css.snap index 20abb67682e1..33cf512e2049 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/modules/modules.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/modules/modules.css.snap @@ -69,21 +69,7 @@ info: css/modules/modules.css ```diff --- Prettier +++ Biome -@@ -2,10 +2,11 @@ - @value first, second, third from colors; - - .title { -- @nest :global(h1)& { -+ @ -+ nest :global(h1)& { - background: red; -- } - } -+} - - .className { - color: green; -@@ -42,7 +43,7 @@ +@@ -42,7 +42,7 @@ localAlias: keyFromDep; } :export { @@ -101,10 +87,9 @@ info: css/modules/modules.css @value first, second, third from colors; .title { - @ - nest :global(h1)& { + @nest :global(h1)& { background: red; -} + } } .className { @@ -157,79 +142,6 @@ info: css/modules/modules.css # Errors ``` -modules.css:5:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 4 │ .title { - > 5 │ @nest :global(h1)& { - │ ^^^^ - 6 │ background: red; - 7 │ } - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -modules.css:5:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 4 │ .title { - > 5 │ @nest :global(h1)& { - │ ^^^ - > 6 │ background: red; - │ ^^^^^^^^^^^^^^^ - 7 │ } - 8 │ } - - i Expected one of: - - - identifier - - string - - number - - dimension - - ratio - - custom property - - function - -modules.css:8:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a qualified rule, or an at rule but instead found '}'. - - 6 │ background: red; - 7 │ } - > 8 │ } - │ ^ - 9 │ - 10 │ .className { - - i Expected a qualified rule, or an at rule here. - - 6 │ background: red; - 7 │ } - > 8 │ } - │ ^ - 9 │ - 10 │ .className { - modules.css:41:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/numbers/numbers.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/numbers/numbers.css.snap index a6313b6bf64e..6c828285bd20 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/numbers/numbers.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/numbers/numbers.css.snap @@ -93,7 +93,7 @@ info: css/numbers/numbers.css a { a: 0; a: 1; -@@ -44,23 +44,23 @@ +@@ -44,21 +44,21 @@ a: 1; a: 1.005; @@ -115,23 +115,19 @@ info: css/numbers/numbers.css a: 0.005e60; - a: 0e60; - a: 0e60; +- a: 0e60; + a: 0.0e60; + a: 0.0e60; + a: 0.0e60; a: 0e60; a: 0e60; -- a: 0e60; a: 500600.001230045e60; - a: 10; - a: 9700; -@@ -72,4 +72,6 @@ +@@ -72,4 +72,4 @@ @media only screen and (-webkit-min-device-pixel-ratio: 0.5), only screen and (min-device-pixel-ratio: 0.5) { } -@include single-transition(transform, 0.5s ease); -+@ -+include single-transition(transform, .5s ease) -+; ++@include single-transition(transform, .5s ease); ``` # Output @@ -211,113 +207,5 @@ info: css/numbers/numbers.css @media only screen and (-webkit-min-device-pixel-ratio: 0.5), only screen and (min-device-pixel-ratio: 0.5) { } -@ -include single-transition(transform, .5s ease) -; -``` - -# Errors -``` -numbers.css:73:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { } - > 73 │ @include single-transition(transform, .5s ease); - │ ^^^^^^^ - 74 │ - - 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 - -numbers.css:73:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { } - > 73 │ @include single-transition(transform, .5s ease); - │ ^ - 74 │ - - i Remove ( - -numbers.css:73:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `transform` - - 72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { } - > 73 │ @include single-transition(transform, .5s ease); - │ ^^^^^^^^^ - 74 │ - - i Remove transform - -numbers.css:73:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a selector but instead found '.5'. - - 72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { } - > 73 │ @include single-transition(transform, .5s ease); - │ ^^ - 74 │ - - i Expected a selector here. - - 72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { } - > 73 │ @include single-transition(transform, .5s ease); - │ ^^ - 74 │ - -numbers.css:73:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `s` - - 72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { } - > 73 │ @include single-transition(transform, .5s ease); - │ ^ - 74 │ - - i Remove s - -numbers.css:73:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { } - > 73 │ @include single-transition(transform, .5s ease); - │ ^ - 74 │ - - i Remove ) - -numbers.css:73:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { } - > 73 │ @include single-transition(transform, .5s ease); - │ ^ - 74 │ - - i Remove ; - - +@include single-transition(transform, .5s ease); ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/postcss-plugins/postcss-mixins.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/postcss-plugins/postcss-mixins.css.snap index b1b63d0c15bc..ed6cfc22750c 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/postcss-plugins/postcss-mixins.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/postcss-plugins/postcss-mixins.css.snap @@ -2,7 +2,6 @@ source: crates/biome_formatter_test/src/snapshot_builder.rs info: css/postcss-plugins/postcss-mixins.css --- - # Input ```css @@ -47,200 +46,67 @@ a { ```diff --- Prettier +++ Biome -@@ -1,32 +1,32 @@ - a { -- @mixin $(theme)-colors; -+ @mixin $(theme)-colors; - } +@@ -4,13 +4,13 @@ @define-mixin icon $network, $color: blue { -- .icon.is-$(network) { + .icon.is-$(network) { - color: $color; - @mixin-content; - } -- .icon.is-$(network):hover { -- color: white; -- background: $color; -- } -+ .icon.is-$(network) { + color: $color; + @mixin-content; + } -+ .icon.is-$(network):hover { + .icon.is-$(network):hover { +- color: white; +- background: $color; +- } + color: white; + background: $color; + } } @mixin icon twitter { -- background: url(twt.png); -+ background: url(twt.png); - } - @mixin icon youtube, red { -- background: url(youtube.png); -+ background: url(youtube.png); - } - - .search { -- @mixin icon search; -+ @mixin icon search; - } - - a { -- color: black; -- @mixin parent { -- @mixin child; -- } -+ color: black; -+ @mixin parent { -+ @mixin child; -+ } - } ``` # Output ```css a { - @mixin $(theme)-colors; + @mixin $(theme)-colors; } @define-mixin icon $network, $color: blue { - .icon.is-$(network) { + .icon.is-$(network) { color: $color; @mixin-content; } - .icon.is-$(network):hover { + .icon.is-$(network):hover { color: white; background: $color; } } @mixin icon twitter { - background: url(twt.png); + background: url(twt.png); } @mixin icon youtube, red { - background: url(youtube.png); + background: url(youtube.png); } .search { - @mixin icon search; + @mixin icon search; } a { - color: black; - @mixin parent { - @mixin child; - } + color: black; + @mixin parent { + @mixin child; + } } ``` # Errors ``` -postcss-mixins.css:2:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ a { - > 2 │ @mixin $(theme)-colors; - │ ^^^^^ - 3 │ } - 4 │ - - 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 - -postcss-mixins.css:2:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `(` - - 1 │ a { - > 2 │ @mixin $(theme)-colors; - │ ^ - 3 │ } - 4 │ - - i Remove ( - -postcss-mixins.css:2:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `theme` - - 1 │ a { - > 2 │ @mixin $(theme)-colors; - │ ^^^^^ - 3 │ } - 4 │ - - i Remove theme - -postcss-mixins.css:2:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `)` - - 1 │ a { - > 2 │ @mixin $(theme)-colors; - │ ^ - 3 │ } - 4 │ - - i Remove ) - -postcss-mixins.css:2:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `-colors` - - 1 │ a { - > 2 │ @mixin $(theme)-colors; - │ ^^^^^^^ - 3 │ } - 4 │ - - i Remove -colors - -postcss-mixins.css:2:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 1 │ a { - > 2 │ @mixin $(theme)-colors; - │ ^ - 3 │ } - 4 │ - - i Remove ; - -postcss-mixins.css:5:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `define-mixin` - - 3 │ } - 4 │ - > 5 │ @define-mixin icon $network, $color: blue { - │ ^^^^^^^^^^^^ - 6 │ .icon.is-$(network) { - 7 │ color: $color; - - i Remove define-mixin - postcss-mixins.css:6:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$` @@ -289,64 +155,6 @@ postcss-mixins.css:6:23 parse ━━━━━━━━━━━━━━━━ i Remove ) -postcss-mixins.css:8:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 6 │ .icon.is-$(network) { - 7 │ color: $color; - > 8 │ @mixin-content; - │ ^^^^^^^^^^^^^ - 9 │ } - 10 │ .icon.is-$(network):hover { - - 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 - -postcss-mixins.css:8:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 6 │ .icon.is-$(network) { - 7 │ color: $color; - > 8 │ @mixin-content; - │ ^ - 9 │ } - 10 │ .icon.is-$(network):hover { - - i Remove ; - -postcss-mixins.css:10:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `.` - - 8 │ @mixin-content; - 9 │ } - > 10 │ .icon.is-$(network):hover { - │ ^ - 11 │ color: white; - 12 │ background: $color; - - i Remove . - postcss-mixins.css:10:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `$` @@ -412,220 +220,5 @@ postcss-mixins.css:10:24 parse ━━━━━━━━━━━━━━━━ i Remove : -postcss-mixins.css:16:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 14 │ } - 15 │ - > 16 │ @mixin icon twitter { - │ ^^^^^ - 17 │ background: url(twt.png); - 18 │ } - - 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 - -postcss-mixins.css:19:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 17 │ background: url(twt.png); - 18 │ } - > 19 │ @mixin icon youtube, red { - │ ^^^^^ - 20 │ background: url(youtube.png); - 21 │ } - - 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 - -postcss-mixins.css:24:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 23 │ .search { - > 24 │ @mixin icon search; - │ ^^^^^ - 25 │ } - 26 │ - - 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 - -postcss-mixins.css:24:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 23 │ .search { - > 24 │ @mixin icon search; - │ ^ - 25 │ } - 26 │ - - i Remove ; - -postcss-mixins.css:27:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `a` - - 25 │ } - 26 │ - > 27 │ a { - │ ^ - 28 │ color: black; - 29 │ @mixin parent { - - i Remove a - -postcss-mixins.css:29:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 27 │ a { - 28 │ color: black; - > 29 │ @mixin parent { - │ ^^^^^ - 30 │ @mixin child; - 31 │ } - - 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 - -postcss-mixins.css:30:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 28 │ color: black; - 29 │ @mixin parent { - > 30 │ @mixin child; - │ ^^^^^ - 31 │ } - 32 │ } - - 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 - -postcss-mixins.css:30:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 28 │ color: black; - 29 │ @mixin parent { - > 30 │ @mixin child; - │ ^ - 31 │ } - 32 │ } - - i Remove ; - -postcss-mixins.css:33:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `{` but instead the file ends - - 31 │ } - 32 │ } - > 33 │ - │ - - i the file ends here - - 31 │ } - 32 │ } - > 33 │ - │ - ``` - - diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/postcss-plugins/postcss-nesting.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/postcss-plugins/postcss-nesting.css.snap index 23399da8e0f8..f389b88828c1 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/postcss-plugins/postcss-nesting.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/postcss-plugins/postcss-nesting.css.snap @@ -215,170 +215,22 @@ a { ```diff --- Prettier +++ Biome -@@ -1,30 +1,38 @@ - a { - order: 1; -- @nest b & { -+ @ -+ nest b & { - order: 2; - } -- @nest c & { -+ @ -+ nest c & { - order: 3; - } -- @nest d & { -+ @ -+ nest d & { - order: 4; - } -- @nest e & { -+ @ -+ nest e & { - order: 5; - } - } - a { - order: 1; -- @nest & b { -+ @ -+ nest & b { - order: 2; - } -- @nest & c { -+ @ -+ nest & c { - order: 3; - } -- @nest & d { -+ @ -+ nest & d { - order: 4; - } -- @nest & e { -+ @ -+ nest & e { - order: 5; - } - } -@@ -37,7 +45,8 @@ - order: 3; - @media (max-width: 30em) { - order: 4; -- @nest .rule-prefix & { -+ @ -+ nest .rule-prefix & { - order: 5; - } - order: 6; -@@ -66,9 +75,13 @@ - a, - b { - order: 1; -- @nest & c, & d { -+ @ -+ nest & c, -+ & d { - order: 2; -- @nest & e, & f { -+ @ -+ nest & e, -+ & f { - order: 3; - } - order: 4; -@@ -96,20 +109,24 @@ - order: 5; - } - a { -- @nest & b { -- @nest & c { -+ @ -+ nest & b { -+ @ -+ nest & c { - order: 1; - } - } - } - d { - order: 2; -- @nest & e { -+ @ -+ nest & e { - order: 3; - } - } - f { -- @nest & g { -+ @ -+ nest & g { - order: 4; - } - order: 5; -@@ -137,18 +154,23 @@ - a, - b { - order: 1; -- @nest c, d { -+ @ -+ nest c, -+ d { - order: 2; - } - } --@nest & e { -+@ -+nest & e { - order: 3; - } - f { -- @nest & g & { -+ @ -+ nest & g & { - order: 4; - } -- @nest &h { -+ @ -+ nest &h { - order: 5; - } - } -@@ -182,7 +204,8 @@ - @media (max-width: 200px) { - order: 3; - } -- @nest & b { -+ @ -+ nest & b { - @media (max-width: 200px) { - order: 4; - } -@@ -199,16 +222,19 @@ +@@ -199,16 +199,10 @@ } a { order: 1; - @nest very-very-very-very-very-very-very-very-very-long-selector &, - very-very-very-very-very-very-very-very-very-long-selector & { -+ @ -+ nest very-very-very-very-very-very-very-very-very-long-selector &, -+ very-very-very-very-very-very-very-very-very-long-selector & { ++ @nest very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector & { order: 2; } - @nest very-very-very-very-very-very-very-very-very-long-selector - + very-very-very-very-very-very-very-very-very-long-selector - &, -+ @ -+ nest -+ very-very-very-very-very-very-very-very-very-long-selector -+ + very-very-very-very-very-very-very-very-very-long-selector -+ &, -+ very-very-very-very-very-very-very-very-very-long-selector - very-very-very-very-very-very-very-very-very-long-selector +- very-very-very-very-very-very-very-very-very-long-selector - very-very-very-very-very-very-very-very-very-long-selector - & { -+ & { ++ @nest very-very-very-very-very-very-very-very-very-long-selector + very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector very-very-very-very-very-very-very-very-very-long-selector & { order: 2; } } @@ -389,39 +241,31 @@ a { ```css a { order: 1; - @ - nest b & { + @nest b & { order: 2; } - @ - nest c & { + @nest c & { order: 3; } - @ - nest d & { + @nest d & { order: 4; } - @ - nest e & { + @nest e & { order: 5; } } a { order: 1; - @ - nest & b { + @nest & b { order: 2; } - @ - nest & c { + @nest & c { order: 3; } - @ - nest & d { + @nest & d { order: 4; } - @ - nest & e { + @nest & e { order: 5; } } @@ -434,8 +278,7 @@ a { order: 3; @media (max-width: 30em) { order: 4; - @ - nest .rule-prefix & { + @nest .rule-prefix & { order: 5; } order: 6; @@ -464,13 +307,9 @@ b { a, b { order: 1; - @ - nest & c, - & d { + @nest & c, & d { order: 2; - @ - nest & e, - & f { + @nest & e, & f { order: 3; } order: 4; @@ -498,24 +337,20 @@ f { order: 5; } a { - @ - nest & b { - @ - nest & c { + @nest & b { + @nest & c { order: 1; } } } d { order: 2; - @ - nest & e { + @nest & e { order: 3; } } f { - @ - nest & g { + @nest & g { order: 4; } order: 5; @@ -543,23 +378,18 @@ f { a, b { order: 1; - @ - nest c, - d { + @nest c, d { order: 2; } } -@ -nest & e { +@nest & e { order: 3; } f { - @ - nest & g & { + @nest & g & { order: 4; } - @ - nest &h { + @nest &h { order: 5; } } @@ -593,8 +423,7 @@ a { @media (max-width: 200px) { order: 3; } - @ - nest & b { + @nest & b { @media (max-width: 200px) { order: 4; } @@ -611,19 +440,10 @@ a { } a { order: 1; - @ - nest very-very-very-very-very-very-very-very-very-long-selector &, - very-very-very-very-very-very-very-very-very-long-selector & { + @nest very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector & { order: 2; } - @ - nest - very-very-very-very-very-very-very-very-very-long-selector - + very-very-very-very-very-very-very-very-very-long-selector - &, - very-very-very-very-very-very-very-very-very-long-selector - very-very-very-very-very-very-very-very-very-long-selector - & { + @nest very-very-very-very-very-very-very-very-very-long-selector + very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector very-very-very-very-very-very-very-very-very-long-selector & { order: 2; } } @@ -631,614 +451,6 @@ a { # Errors ``` -postcss-nesting.css:3:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 1 │ a { - 2 │ order: 1; - > 3 │ @nest b & { - │ ^^^^ - 4 │ order: 2; - 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 - -postcss-nesting.css:6:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 4 │ order: 2; - 5 │ } - > 6 │ @nest c & { - │ ^^^^ - 7 │ order: 3; - 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 - -postcss-nesting.css:9:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 7 │ order: 3; - 8 │ } - > 9 │ @nest d & { - │ ^^^^ - 10 │ order: 4; - 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 - -postcss-nesting.css:12:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 10 │ order: 4; - 11 │ } - > 12 │ @nest e & { - │ ^^^^ - 13 │ order: 5; - 14 │ } - - 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 - -postcss-nesting.css:18:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 16 │ a { - 17 │ order: 1; - > 18 │ @nest & b { - │ ^^^^ - 19 │ order: 2; - 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 - -postcss-nesting.css:21:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 19 │ order: 2; - 20 │ } - > 21 │ @nest & c { - │ ^^^^ - 22 │ order: 3; - 23 │ } - - 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 - -postcss-nesting.css:24:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 22 │ order: 3; - 23 │ } - > 24 │ @nest & d { - │ ^^^^ - 25 │ order: 4; - 26 │ } - - 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 - -postcss-nesting.css:27:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 25 │ order: 4; - 26 │ } - > 27 │ @nest & e { - │ ^^^^ - 28 │ order: 5; - 29 │ } - - 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 - -postcss-nesting.css:40:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 38 │ @media (max-width: 30em) { - 39 │ order: 4; - > 40 │ @nest .rule-prefix & { - │ ^^^^ - 41 │ order: 5; - 42 │ } - - 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 - -postcss-nesting.css:65:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 63 │ a, b { - 64 │ order: 1; - > 65 │ @nest & c, & d { - │ ^^^^ - 66 │ order: 2; - 67 │ @nest & e, & f { - - 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 - -postcss-nesting.css:67:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 65 │ @nest & c, & d { - 66 │ order: 2; - > 67 │ @nest & e, & f { - │ ^^^^ - 68 │ order: 3; - 69 │ } - - 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 - -postcss-nesting.css:95:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 93 │ } - 94 │ a { - > 95 │ @nest & b { - │ ^^^^ - 96 │ @nest & c { - 97 │ order: 1; - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - -postcss-nesting.css:96:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 94 │ a { - 95 │ @nest & b { - > 96 │ @nest & c { - │ ^^^^ - 97 │ order: 1; - 98 │ } - - 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 - -postcss-nesting.css:103:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 101 │ d { - 102 │ order: 2; - > 103 │ @nest & e { - │ ^^^^ - 104 │ order: 3; - 105 │ } - - 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 - -postcss-nesting.css:108:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 106 │ } - 107 │ f { - > 108 │ @nest & g { - │ ^^^^ - 109 │ order: 4; - 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 - -postcss-nesting.css:133:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 131 │ a, b { - 132 │ order: 1; - > 133 │ @nest c, d { - │ ^^^^ - 134 │ order: 2; - 135 │ } - - 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 - -postcss-nesting.css:137:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 135 │ } - 136 │ } - > 137 │ @nest & e { - │ ^^^^ - 138 │ order: 3; - 139 │ } - - 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 - -postcss-nesting.css:141:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 139 │ } - 140 │ f { - > 141 │ @nest & g & { - │ ^^^^ - 142 │ order: 4; - 143 │ } - - 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 - -postcss-nesting.css:144:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 142 │ order: 4; - 143 │ } - > 144 │ @nest &h { - │ ^^^^ - 145 │ order: 5; - 146 │ } - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - postcss-nesting.css:162:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `speech` @@ -1252,38 +464,6 @@ postcss-nesting.css:162:28 parse ━━━━━━━━━━━━━━━ i Remove speech -postcss-nesting.css:178:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 176 │ order: 3; - 177 │ } - > 178 │ @nest & b { - │ ^^^^ - 179 │ @media (max-width: 200px) { - 180 │ order: 4; - - 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 - postcss-nesting.css:184:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `speech` @@ -1297,101 +477,11 @@ postcss-nesting.css:184:28 parse ━━━━━━━━━━━━━━━ i Remove speech -postcss-nesting.css:187:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 185 │ @media (max-width: 300px), (min-aspect-ratio: 16/9) { - 186 │ order: 5; - > 187 │ @nest & c { - │ ^^^^ - 188 │ order: 6; - 189 │ } - - 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 - -postcss-nesting.css:195:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - × Unexpected value or character. - - 193 │ a { - 194 │ order: 1; - > 195 │ @nest very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector & { - │ ^^^^ - 196 │ order: 2; - 197 │ } - - 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 - -postcss-nesting.css:198:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 196 │ order: 2; - 197 │ } - > 198 │ @nest very-very-very-very-very-very-very-very-very-long-selector + very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector very-very-very-very-very-very-very-very-very-long-selector & { - │ ^^^^ - 199 │ order: 2; - 200 │ } - - i Expected one of: - - - charset - - color-profile - - container - - counter-style - - document - - font-face - - font-feature-values - - font-palette-values - - import - - keyframes - - layer - - media - - namespace - - page - - property - - supports - - viewport - - scope - +``` +# Lines exceeding max width of 80 characters +``` + 202: @nest very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector & { + 205: @nest very-very-very-very-very-very-very-very-very-long-selector + very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector very-very-very-very-very-very-very-very-very-long-selector & { ``` diff --git a/crates/biome_css_formatter/tests/specs/prettier/css/quotes/quotes.css.snap b/crates/biome_css_formatter/tests/specs/prettier/css/quotes/quotes.css.snap index b318999d35e4..139b80a38dcf 100644 --- a/crates/biome_css_formatter/tests/specs/prettier/css/quotes/quotes.css.snap +++ b/crates/biome_css_formatter/tests/specs/prettier/css/quotes/quotes.css.snap @@ -114,34 +114,9 @@ one 'two' three {} @supports (content: one "two" three "four") { a[href="foo" y], -@@ -80,14 +80,24 @@ - @import "foo.css" screen and (orientation: landscape); - @import "foo.css" screen and (orientation: landscape); - --@foo "one"; --@foo 'one'; --@foo "one" two 'three'; --@foo ("one"); --@foo ('one'); --@foo ("one" two 'three'); -+@ -+foo "one" -+; -+@ -+foo 'one' -+; -+@ -+foo "one" two 'three' -+; -+@ -+foo ("one") -+; -+@ -+foo ('one') -+; -+@ -+foo ("one" two 'three') -+; +@@ -87,7 +87,5 @@ + @foo ('one'); + @foo ("one" two 'three'); -one "two" three { -} @@ -236,24 +211,12 @@ one 'two' three {} @import "foo.css" screen and (orientation: landscape); @import "foo.css" screen and (orientation: landscape); -@ -foo "one" -; -@ -foo 'one' -; -@ -foo "one" two 'three' -; -@ -foo ("one") -; -@ -foo ('one') -; -@ -foo ("one" two 'three') -; +@foo "one"; +@foo 'one'; +@foo "one" two 'three'; +@foo ("one"); +@foo ('one'); +@foo ("one" two 'three'); one "two" three {} one 'two' three {} @@ -279,458 +242,6 @@ quotes.css:7:16 parse ━━━━━━━━━━━━━━━━━━━ 8 │ abbr[title^='It\'s a trap!'], 9 │ img[src=""] { -quotes.css:83:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 81 │ @import 'foo.css' screen and (orientation: landscape); - 82 │ - > 83 │ @foo "one"; - │ ^^^ - 84 │ @foo 'one'; - 85 │ @foo "one" two 'three'; - - 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 - -quotes.css:83:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"one"'. - - 81 │ @import 'foo.css' screen and (orientation: landscape); - 82 │ - > 83 │ @foo "one"; - │ ^^^^^ - 84 │ @foo 'one'; - 85 │ @foo "one" two 'three'; - - i Expected a compound selector here. - - 81 │ @import 'foo.css' screen and (orientation: landscape); - 82 │ - > 83 │ @foo "one"; - │ ^^^^^ - 84 │ @foo 'one'; - 85 │ @foo "one" two 'three'; - -quotes.css:83:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 81 │ @import 'foo.css' screen and (orientation: landscape); - 82 │ - > 83 │ @foo "one"; - │ ^ - 84 │ @foo 'one'; - 85 │ @foo "one" two 'three'; - - i Remove ; - -quotes.css:84:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 83 │ @foo "one"; - > 84 │ @foo 'one'; - │ ^^^ - 85 │ @foo "one" two 'three'; - 86 │ @foo ("one"); - - 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 - -quotes.css:84:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ''one''. - - 83 │ @foo "one"; - > 84 │ @foo 'one'; - │ ^^^^^ - 85 │ @foo "one" two 'three'; - 86 │ @foo ("one"); - - i Expected a compound selector here. - - 83 │ @foo "one"; - > 84 │ @foo 'one'; - │ ^^^^^ - 85 │ @foo "one" two 'three'; - 86 │ @foo ("one"); - -quotes.css:84:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 83 │ @foo "one"; - > 84 │ @foo 'one'; - │ ^ - 85 │ @foo "one" two 'three'; - 86 │ @foo ("one"); - - i Remove ; - -quotes.css:85:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 83 │ @foo "one"; - 84 │ @foo 'one'; - > 85 │ @foo "one" two 'three'; - │ ^^^ - 86 │ @foo ("one"); - 87 │ @foo ('one'); - - 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 - -quotes.css:85:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '"one"'. - - 83 │ @foo "one"; - 84 │ @foo 'one'; - > 85 │ @foo "one" two 'three'; - │ ^^^^^ - 86 │ @foo ("one"); - 87 │ @foo ('one'); - - i Expected a compound selector here. - - 83 │ @foo "one"; - 84 │ @foo 'one'; - > 85 │ @foo "one" two 'three'; - │ ^^^^^ - 86 │ @foo ("one"); - 87 │ @foo ('one'); - -quotes.css:85:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `two` - - 83 │ @foo "one"; - 84 │ @foo 'one'; - > 85 │ @foo "one" two 'three'; - │ ^^^ - 86 │ @foo ("one"); - 87 │ @foo ('one'); - - i Remove two - -quotes.css:85:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ''three''. - - 83 │ @foo "one"; - 84 │ @foo 'one'; - > 85 │ @foo "one" two 'three'; - │ ^^^^^^^ - 86 │ @foo ("one"); - 87 │ @foo ('one'); - - i Expected a compound selector here. - - 83 │ @foo "one"; - 84 │ @foo 'one'; - > 85 │ @foo "one" two 'three'; - │ ^^^^^^^ - 86 │ @foo ("one"); - 87 │ @foo ('one'); - -quotes.css:85:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 83 │ @foo "one"; - 84 │ @foo 'one'; - > 85 │ @foo "one" two 'three'; - │ ^ - 86 │ @foo ("one"); - 87 │ @foo ('one'); - - i Remove ; - -quotes.css:86:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 84 │ @foo 'one'; - 85 │ @foo "one" two 'three'; - > 86 │ @foo ("one"); - │ ^^^ - 87 │ @foo ('one'); - 88 │ @foo ("one" two 'three'); - - 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 - -quotes.css:86:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 84 │ @foo 'one'; - 85 │ @foo "one" two 'three'; - > 86 │ @foo ("one"); - │ ^ - 87 │ @foo ('one'); - 88 │ @foo ("one" two 'three'); - - i Expected a compound selector here. - - 84 │ @foo 'one'; - 85 │ @foo "one" two 'three'; - > 86 │ @foo ("one"); - │ ^ - 87 │ @foo ('one'); - 88 │ @foo ("one" two 'three'); - -quotes.css:86:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 84 │ @foo 'one'; - 85 │ @foo "one" two 'three'; - > 86 │ @foo ("one"); - │ ^ - 87 │ @foo ('one'); - 88 │ @foo ("one" two 'three'); - - i Remove ; - -quotes.css:87:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 85 │ @foo "one" two 'three'; - 86 │ @foo ("one"); - > 87 │ @foo ('one'); - │ ^^^ - 88 │ @foo ("one" two 'three'); - 89 │ - - 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 - -quotes.css:87:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 85 │ @foo "one" two 'three'; - 86 │ @foo ("one"); - > 87 │ @foo ('one'); - │ ^ - 88 │ @foo ("one" two 'three'); - 89 │ - - i Expected a compound selector here. - - 85 │ @foo "one" two 'three'; - 86 │ @foo ("one"); - > 87 │ @foo ('one'); - │ ^ - 88 │ @foo ("one" two 'three'); - 89 │ - -quotes.css:87:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 85 │ @foo "one" two 'three'; - 86 │ @foo ("one"); - > 87 │ @foo ('one'); - │ ^ - 88 │ @foo ("one" two 'three'); - 89 │ - - i Remove ; - -quotes.css:88:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Unexpected value or character. - - 86 │ @foo ("one"); - 87 │ @foo ('one'); - > 88 │ @foo ("one" two 'three'); - │ ^^^ - 89 │ - 90 │ one "two" three {} - - 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 - -quotes.css:88:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found '('. - - 86 │ @foo ("one"); - 87 │ @foo ('one'); - > 88 │ @foo ("one" two 'three'); - │ ^ - 89 │ - 90 │ one "two" three {} - - i Expected a compound selector here. - - 86 │ @foo ("one"); - 87 │ @foo ('one'); - > 88 │ @foo ("one" two 'three'); - │ ^ - 89 │ - 90 │ one "two" three {} - -quotes.css:88:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `two` - - 86 │ @foo ("one"); - 87 │ @foo ('one'); - > 88 │ @foo ("one" two 'three'); - │ ^^^ - 89 │ - 90 │ one "two" three {} - - i Remove two - -quotes.css:88:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × Expected a compound selector but instead found ''three''. - - 86 │ @foo ("one"); - 87 │ @foo ('one'); - > 88 │ @foo ("one" two 'three'); - │ ^^^^^^^ - 89 │ - 90 │ one "two" three {} - - i Expected a compound selector here. - - 86 │ @foo ("one"); - 87 │ @foo ('one'); - > 88 │ @foo ("one" two 'three'); - │ ^^^^^^^ - 89 │ - 90 │ one "two" three {} - -quotes.css:88:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - × expected `,` but instead found `;` - - 86 │ @foo ("one"); - 87 │ @foo ('one'); - > 88 │ @foo ("one" two 'three'); - │ ^ - 89 │ - 90 │ one "two" three {} - - i Remove ; - quotes.css:90:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '"two"'. diff --git a/crates/biome_css_parser/src/syntax/at_rule/mod.rs b/crates/biome_css_parser/src/syntax/at_rule/mod.rs index 441f6f850e36..a6a05a15b5ed 100644 --- a/crates/biome_css_parser/src/syntax/at_rule/mod.rs +++ b/crates/biome_css_parser/src/syntax/at_rule/mod.rs @@ -18,6 +18,7 @@ mod property; mod scope; mod starting_style; mod supports; +mod unknown; mod value; use crate::parser::CssParser; @@ -39,6 +40,7 @@ use crate::syntax::at_rule::property::parse_property_at_rule; use crate::syntax::at_rule::scope::parse_scope_at_rule; use crate::syntax::at_rule::starting_style::parse_starting_style_at_rule; use crate::syntax::at_rule::supports::parse_supports_at_rule; +use crate::syntax::at_rule::unknown::{is_at_unknown_at_rule, parse_unknown_at_rule}; use crate::syntax::at_rule::value::parse_value_at_rule; use crate::syntax::parse_error::expected_any_at_rule; use biome_css_syntax::CssSyntaxKind::*; @@ -97,6 +99,7 @@ pub(crate) fn parse_any_at_rule(p: &mut CssParser) -> ParsedSyntax { T![document] => parse_document_at_rule(p), T![property] => parse_property_at_rule(p), T![value] => parse_value_at_rule(p), + _ if is_at_unknown_at_rule(p) => parse_unknown_at_rule(p), _ => Absent, } } diff --git a/crates/biome_css_parser/src/syntax/at_rule/unknown.rs b/crates/biome_css_parser/src/syntax/at_rule/unknown.rs new file mode 100644 index 000000000000..f5b0ec92cda2 --- /dev/null +++ b/crates/biome_css_parser/src/syntax/at_rule/unknown.rs @@ -0,0 +1,58 @@ +use crate::parser::CssParser; +use crate::syntax::block::parse_declaration_or_rule_list_block; +use crate::syntax::{is_at_identifier, parse_regular_identifier}; +use biome_css_syntax::CssSyntaxKind::*; +use biome_css_syntax::T; +use biome_parser::parsed_syntax::ParsedSyntax::Present; +use biome_parser::prelude::ParsedSyntax::Absent; +use biome_parser::prelude::*; + +/// Checks if the parser is currently at an unknown CSS at-rule. +/// +/// An unknown CSS at-rule is identified by being an identifier followed by optional parameters, +/// such as `@my-custom-rule param;` or `@unknown-rule { /* CSS content */ }`. +#[inline] +pub(crate) fn is_at_unknown_at_rule(p: &mut CssParser) -> bool { + is_at_identifier(p) +} + +/// Represents an unknown or unsupported CSS at-rule during parsing. +/// +/// When encountered during parsing, `CssUnknownAtRule` serves as a fallback mechanism, +/// allowing the parser to continue processing the stylesheet by treating the unsupported rule +/// as part of an unformed tree. This enables graceful handling of CSS constructs that are not +/// supported by the parser, ensuring that the stylesheet can still be processed without errors. +#[inline] +pub(crate) fn parse_unknown_at_rule(p: &mut CssParser) -> ParsedSyntax { + if !is_at_unknown_at_rule(p) { + return Absent; + } + + let m = p.start(); + + parse_regular_identifier(p).ok(); // we've checked that the next token is an identifier + + { + let m = p.start(); + + // Skip all tokens until the end of the property value or the next property. + // EOF indicates the end of the file. + // '{' indicates the start of a block. + // ';' indicates the end of the property value. + while !(p.at(EOF) || p.at(T!['{']) || p.at(T![;])) { + p.bump_any(); + } + + m.complete(p, CSS_UNKNOWN_AT_RULE_COMPONENT_LIST); + } + + let kind = if p.at(T!['{']) { + parse_declaration_or_rule_list_block(p); + CSS_UNKNOWN_BLOCK_AT_RULE + } else { + p.expect(T![;]); + CSS_UNKNOWN_VALUE_AT_RULE + }; + + Present(m.complete(p, kind)) +} diff --git a/crates/biome_css_parser/src/syntax/at_rule/value.rs b/crates/biome_css_parser/src/syntax/at_rule/value.rs index 2b54bc62ae83..e98f17cb5350 100644 --- a/crates/biome_css_parser/src/syntax/at_rule/value.rs +++ b/crates/biome_css_parser/src/syntax/at_rule/value.rs @@ -255,9 +255,11 @@ fn parse_value_at_rule_generic_property(p: &mut CssParser) -> ParsedSyntax { let m = p.start(); // Skip all tokens until the end of the property value or the next property. + // EOF indicates the end of the file. // `;` indicates the end of the list. // `,` is the separator before the next property. - while !(ValueAtRulePropertyList.is_at_list_end(p) + while !(p.at(EOF) + || ValueAtRulePropertyList.is_at_list_end(p) || p.at(T![,]) && is_nth_at_value_at_rule_generic_property(p, 1)) { p.bump_any(); diff --git a/crates/biome_css_parser/tests/css_test_suite/ok/at_rule/at_rule_unknown.css b/crates/biome_css_parser/tests/css_test_suite/ok/at_rule/at_rule_unknown.css new file mode 100644 index 000000000000..bb8307b8039a --- /dev/null +++ b/crates/biome_css_parser/tests/css_test_suite/ok/at_rule/at_rule_unknown.css @@ -0,0 +1,7 @@ +.container { + @apply flex flex-col h-[100vh] w-[100vh]; +} + +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/crates/biome_css_parser/tests/css_test_suite/ok/at_rule/at_rule_unknown.css.snap b/crates/biome_css_parser/tests/css_test_suite/ok/at_rule/at_rule_unknown.css.snap new file mode 100644 index 000000000000..f0f6ab160646 --- /dev/null +++ b/crates/biome_css_parser/tests/css_test_suite/ok/at_rule/at_rule_unknown.css.snap @@ -0,0 +1,184 @@ +--- +source: crates/biome_css_parser/tests/spec_test.rs +expression: snapshot +--- +## Input + +```css +.container { + @apply flex flex-col h-[100vh] w-[100vh]; +} + +@tailwind base; +@tailwind components; +@tailwind utilities; + +``` + + +## AST + +``` +CssRoot { + bom_token: missing (optional), + rules: CssRuleList [ + CssQualifiedRule { + prelude: CssSelectorList [ + CssCompoundSelector { + nesting_selector_token: missing (optional), + simple_selector: missing (optional), + sub_selectors: CssSubSelectorList [ + CssClassSelector { + dot_token: DOT@0..1 "." [] [], + name: CssCustomIdentifier { + value_token: IDENT@1..11 "container" [] [Whitespace(" ")], + }, + }, + ], + }, + ], + block: CssDeclarationOrRuleBlock { + l_curly_token: L_CURLY@11..12 "{" [] [], + items: CssDeclarationOrRuleList [ + CssAtRule { + at_token: AT@12..15 "@" [Newline("\n"), Whitespace("\t")] [], + rule: CssUnknownValueAtRule { + name: CssIdentifier { + value_token: IDENT@15..21 "apply" [] [Whitespace(" ")], + }, + components: CssUnknownAtRuleComponentList { + items: [ + IDENT@21..26 "flex" [] [Whitespace(" ")], + IDENT@26..35 "flex-col" [] [Whitespace(" ")], + IDENT@35..37 "h-" [] [], + L_BRACK@37..38 "[" [] [], + CSS_DIMENSION_VALUE@38..41 "100" [] [], + VH_KW@41..43 "vh" [] [], + R_BRACK@43..45 "]" [] [Whitespace(" ")], + IDENT@45..47 "w-" [] [], + L_BRACK@47..48 "[" [] [], + CSS_DIMENSION_VALUE@48..51 "100" [] [], + VH_KW@51..53 "vh" [] [], + R_BRACK@53..54 "]" [] [], + ], + }, + semicolon_token: SEMICOLON@54..55 ";" [] [], + }, + }, + ], + r_curly_token: R_CURLY@55..57 "}" [Newline("\n")] [], + }, + }, + CssAtRule { + at_token: AT@57..60 "@" [Newline("\n"), Newline("\n")] [], + rule: CssUnknownValueAtRule { + name: CssIdentifier { + value_token: IDENT@60..69 "tailwind" [] [Whitespace(" ")], + }, + components: CssUnknownAtRuleComponentList { + items: [ + IDENT@69..73 "base" [] [], + ], + }, + semicolon_token: SEMICOLON@73..74 ";" [] [], + }, + }, + CssAtRule { + at_token: AT@74..76 "@" [Newline("\n")] [], + rule: CssUnknownValueAtRule { + name: CssIdentifier { + value_token: IDENT@76..85 "tailwind" [] [Whitespace(" ")], + }, + components: CssUnknownAtRuleComponentList { + items: [ + IDENT@85..95 "components" [] [], + ], + }, + semicolon_token: SEMICOLON@95..96 ";" [] [], + }, + }, + CssAtRule { + at_token: AT@96..98 "@" [Newline("\n")] [], + rule: CssUnknownValueAtRule { + name: CssIdentifier { + value_token: IDENT@98..107 "tailwind" [] [Whitespace(" ")], + }, + components: CssUnknownAtRuleComponentList { + items: [ + IDENT@107..116 "utilities" [] [], + ], + }, + semicolon_token: SEMICOLON@116..117 ";" [] [], + }, + }, + ], + eof_token: EOF@117..118 "" [Newline("\n")] [], +} +``` + +## CST + +``` +0: CSS_ROOT@0..118 + 0: (empty) + 1: CSS_RULE_LIST@0..117 + 0: CSS_QUALIFIED_RULE@0..57 + 0: CSS_SELECTOR_LIST@0..11 + 0: CSS_COMPOUND_SELECTOR@0..11 + 0: (empty) + 1: (empty) + 2: CSS_SUB_SELECTOR_LIST@0..11 + 0: CSS_CLASS_SELECTOR@0..11 + 0: DOT@0..1 "." [] [] + 1: CSS_CUSTOM_IDENTIFIER@1..11 + 0: IDENT@1..11 "container" [] [Whitespace(" ")] + 1: CSS_DECLARATION_OR_RULE_BLOCK@11..57 + 0: L_CURLY@11..12 "{" [] [] + 1: CSS_DECLARATION_OR_RULE_LIST@12..55 + 0: CSS_AT_RULE@12..55 + 0: AT@12..15 "@" [Newline("\n"), Whitespace("\t")] [] + 1: CSS_UNKNOWN_VALUE_AT_RULE@15..55 + 0: CSS_IDENTIFIER@15..21 + 0: IDENT@15..21 "apply" [] [Whitespace(" ")] + 1: CSS_UNKNOWN_AT_RULE_COMPONENT_LIST@21..54 + 0: IDENT@21..26 "flex" [] [Whitespace(" ")] + 1: IDENT@26..35 "flex-col" [] [Whitespace(" ")] + 2: IDENT@35..37 "h-" [] [] + 3: L_BRACK@37..38 "[" [] [] + 4: CSS_DIMENSION_VALUE@38..41 "100" [] [] + 5: VH_KW@41..43 "vh" [] [] + 6: R_BRACK@43..45 "]" [] [Whitespace(" ")] + 7: IDENT@45..47 "w-" [] [] + 8: L_BRACK@47..48 "[" [] [] + 9: CSS_DIMENSION_VALUE@48..51 "100" [] [] + 10: VH_KW@51..53 "vh" [] [] + 11: R_BRACK@53..54 "]" [] [] + 2: SEMICOLON@54..55 ";" [] [] + 2: R_CURLY@55..57 "}" [Newline("\n")] [] + 1: CSS_AT_RULE@57..74 + 0: AT@57..60 "@" [Newline("\n"), Newline("\n")] [] + 1: CSS_UNKNOWN_VALUE_AT_RULE@60..74 + 0: CSS_IDENTIFIER@60..69 + 0: IDENT@60..69 "tailwind" [] [Whitespace(" ")] + 1: CSS_UNKNOWN_AT_RULE_COMPONENT_LIST@69..73 + 0: IDENT@69..73 "base" [] [] + 2: SEMICOLON@73..74 ";" [] [] + 2: CSS_AT_RULE@74..96 + 0: AT@74..76 "@" [Newline("\n")] [] + 1: CSS_UNKNOWN_VALUE_AT_RULE@76..96 + 0: CSS_IDENTIFIER@76..85 + 0: IDENT@76..85 "tailwind" [] [Whitespace(" ")] + 1: CSS_UNKNOWN_AT_RULE_COMPONENT_LIST@85..95 + 0: IDENT@85..95 "components" [] [] + 2: SEMICOLON@95..96 ";" [] [] + 3: CSS_AT_RULE@96..117 + 0: AT@96..98 "@" [Newline("\n")] [] + 1: CSS_UNKNOWN_VALUE_AT_RULE@98..117 + 0: CSS_IDENTIFIER@98..107 + 0: IDENT@98..107 "tailwind" [] [Whitespace(" ")] + 1: CSS_UNKNOWN_AT_RULE_COMPONENT_LIST@107..116 + 0: IDENT@107..116 "utilities" [] [] + 2: SEMICOLON@116..117 ";" [] [] + 2: EOF@117..118 "" [Newline("\n")] [] + +``` diff --git a/crates/biome_css_syntax/src/generated/kind.rs b/crates/biome_css_syntax/src/generated/kind.rs index e320fc0767a8..4823672506a0 100644 --- a/crates/biome_css_syntax/src/generated/kind.rs +++ b/crates/biome_css_syntax/src/generated/kind.rs @@ -439,6 +439,9 @@ pub enum CssSyntaxKind { CSS_VALUE_AT_RULE_DECLARATION_CLAUSE, CSS_VALUE_AT_RULE_GENERIC_PROPERTY, CSS_VALUE_AT_RULE_GENERIC_VALUE, + CSS_UNKNOWN_BLOCK_AT_RULE, + CSS_UNKNOWN_VALUE_AT_RULE, + CSS_UNKNOWN_AT_RULE_COMPONENT_LIST, CSS_BOGUS, CSS_BOGUS_BLOCK, CSS_BOGUS_KEYFRAMES_ITEM, @@ -528,7 +531,8 @@ impl CssSyntaxKind { | CSS_LAYER_NAME_LIST | CSS_DOCUMENT_MATCHER_LIST | CSS_VALUE_AT_RULE_PROPERTY_LIST - | CSS_VALUE_AT_RULE_IMPORT_SPECIFIER_LIST => true, + | CSS_VALUE_AT_RULE_IMPORT_SPECIFIER_LIST + | CSS_UNKNOWN_AT_RULE_COMPONENT_LIST => true, _ => false, } } diff --git a/crates/biome_css_syntax/src/generated/macros.rs b/crates/biome_css_syntax/src/generated/macros.rs index 2fa3d115592a..a77f4e3a5f2e 100644 --- a/crates/biome_css_syntax/src/generated/macros.rs +++ b/crates/biome_css_syntax/src/generated/macros.rs @@ -611,10 +611,18 @@ macro_rules! map_syntax_node { let $pattern = unsafe { $crate::CssUniversalSelector::new_unchecked(node) }; $body } + $crate::CssSyntaxKind::CSS_UNKNOWN_BLOCK_AT_RULE => { + let $pattern = unsafe { $crate::CssUnknownBlockAtRule::new_unchecked(node) }; + $body + } $crate::CssSyntaxKind::CSS_UNKNOWN_DIMENSION => { let $pattern = unsafe { $crate::CssUnknownDimension::new_unchecked(node) }; $body } + $crate::CssSyntaxKind::CSS_UNKNOWN_VALUE_AT_RULE => { + let $pattern = unsafe { $crate::CssUnknownValueAtRule::new_unchecked(node) }; + $body + } $crate::CssSyntaxKind::CSS_URL_FUNCTION => { let $pattern = unsafe { $crate::CssUrlFunction::new_unchecked(node) }; $body @@ -746,6 +754,11 @@ macro_rules! map_syntax_node { let $pattern = unsafe { $crate::CssBogusUrlModifier::new_unchecked(node) }; $body } + $crate::CssSyntaxKind::CSS_UNKNOWN_AT_RULE_COMPONENT_LIST => { + let $pattern = + unsafe { $crate::CssUnknownAtRuleComponentList::new_unchecked(node) }; + $body + } $crate::CssSyntaxKind::CSS_VALUE_AT_RULE_GENERIC_VALUE => { let $pattern = unsafe { $crate::CssValueAtRuleGenericValue::new_unchecked(node) }; diff --git a/crates/biome_css_syntax/src/generated/nodes.rs b/crates/biome_css_syntax/src/generated/nodes.rs index 040d8a049268..0c302dc78585 100644 --- a/crates/biome_css_syntax/src/generated/nodes.rs +++ b/crates/biome_css_syntax/src/generated/nodes.rs @@ -6063,6 +6063,52 @@ pub struct CssUniversalSelectorFields { pub star_token: SyntaxResult, } #[derive(Clone, PartialEq, Eq, Hash)] +pub struct CssUnknownBlockAtRule { + pub(crate) syntax: SyntaxNode, +} +impl CssUnknownBlockAtRule { + #[doc = r" Create an AstNode from a SyntaxNode without checking its kind"] + #[doc = r""] + #[doc = r" # Safety"] + #[doc = r" This function must be guarded with a call to [AstNode::can_cast]"] + #[doc = r" or a match on [SyntaxNode::kind]"] + #[inline] + pub const unsafe fn new_unchecked(syntax: SyntaxNode) -> Self { + Self { syntax } + } + pub fn as_fields(&self) -> CssUnknownBlockAtRuleFields { + CssUnknownBlockAtRuleFields { + name: self.name(), + components: self.components(), + block: self.block(), + } + } + pub fn name(&self) -> SyntaxResult { + support::required_node(&self.syntax, 0usize) + } + pub fn components(&self) -> SyntaxResult { + support::required_node(&self.syntax, 1usize) + } + pub fn block(&self) -> SyntaxResult { + support::required_node(&self.syntax, 2usize) + } +} +#[cfg(feature = "serde")] +impl Serialize for CssUnknownBlockAtRule { + fn serialize(&self, serializer: S) -> Result + where + S: Serializer, + { + self.as_fields().serialize(serializer) + } +} +#[cfg_attr(feature = "serde", derive(Serialize))] +pub struct CssUnknownBlockAtRuleFields { + pub name: SyntaxResult, + pub components: SyntaxResult, + pub block: SyntaxResult, +} +#[derive(Clone, PartialEq, Eq, Hash)] pub struct CssUnknownDimension { pub(crate) syntax: SyntaxNode, } @@ -6104,6 +6150,52 @@ pub struct CssUnknownDimensionFields { pub unit_token: SyntaxResult, } #[derive(Clone, PartialEq, Eq, Hash)] +pub struct CssUnknownValueAtRule { + pub(crate) syntax: SyntaxNode, +} +impl CssUnknownValueAtRule { + #[doc = r" Create an AstNode from a SyntaxNode without checking its kind"] + #[doc = r""] + #[doc = r" # Safety"] + #[doc = r" This function must be guarded with a call to [AstNode::can_cast]"] + #[doc = r" or a match on [SyntaxNode::kind]"] + #[inline] + pub const unsafe fn new_unchecked(syntax: SyntaxNode) -> Self { + Self { syntax } + } + pub fn as_fields(&self) -> CssUnknownValueAtRuleFields { + CssUnknownValueAtRuleFields { + name: self.name(), + components: self.components(), + semicolon_token: self.semicolon_token(), + } + } + pub fn name(&self) -> SyntaxResult { + support::required_node(&self.syntax, 0usize) + } + pub fn components(&self) -> SyntaxResult { + support::required_node(&self.syntax, 1usize) + } + pub fn semicolon_token(&self) -> SyntaxResult { + support::required_token(&self.syntax, 2usize) + } +} +#[cfg(feature = "serde")] +impl Serialize for CssUnknownValueAtRule { + fn serialize(&self, serializer: S) -> Result + where + S: Serializer, + { + self.as_fields().serialize(serializer) + } +} +#[cfg_attr(feature = "serde", derive(Serialize))] +pub struct CssUnknownValueAtRuleFields { + pub name: SyntaxResult, + pub components: SyntaxResult, + pub semicolon_token: SyntaxResult, +} +#[derive(Clone, PartialEq, Eq, Hash)] pub struct CssUrlFunction { pub(crate) syntax: SyntaxNode, } @@ -6471,6 +6563,8 @@ pub enum AnyCssAtRule { CssScopeAtRule(CssScopeAtRule), CssStartingStyleAtRule(CssStartingStyleAtRule), CssSupportsAtRule(CssSupportsAtRule), + CssUnknownBlockAtRule(CssUnknownBlockAtRule), + CssUnknownValueAtRule(CssUnknownValueAtRule), CssValueAtRule(CssValueAtRule), } impl AnyCssAtRule { @@ -6588,6 +6682,18 @@ impl AnyCssAtRule { _ => None, } } + pub fn as_css_unknown_block_at_rule(&self) -> Option<&CssUnknownBlockAtRule> { + match &self { + AnyCssAtRule::CssUnknownBlockAtRule(item) => Some(item), + _ => None, + } + } + pub fn as_css_unknown_value_at_rule(&self) -> Option<&CssUnknownValueAtRule> { + match &self { + AnyCssAtRule::CssUnknownValueAtRule(item) => Some(item), + _ => None, + } + } pub fn as_css_value_at_rule(&self) -> Option<&CssValueAtRule> { match &self { AnyCssAtRule::CssValueAtRule(item) => Some(item), @@ -6658,19 +6764,26 @@ impl AnyCssCompoundSelector { #[derive(Clone, PartialEq, Eq, Hash)] #[cfg_attr(feature = "serde", derive(Serialize))] pub enum AnyCssConditionalBlock { - AnyCssDeclarationOrRuleBlock(AnyCssDeclarationOrRuleBlock), - AnyCssRuleBlock(AnyCssRuleBlock), + CssBogusBlock(CssBogusBlock), + CssDeclarationOrRuleBlock(CssDeclarationOrRuleBlock), + CssRuleBlock(CssRuleBlock), } impl AnyCssConditionalBlock { - pub fn as_any_css_declaration_or_rule_block(&self) -> Option<&AnyCssDeclarationOrRuleBlock> { + pub fn as_css_bogus_block(&self) -> Option<&CssBogusBlock> { + match &self { + AnyCssConditionalBlock::CssBogusBlock(item) => Some(item), + _ => None, + } + } + pub fn as_css_declaration_or_rule_block(&self) -> Option<&CssDeclarationOrRuleBlock> { match &self { - AnyCssConditionalBlock::AnyCssDeclarationOrRuleBlock(item) => Some(item), + AnyCssConditionalBlock::CssDeclarationOrRuleBlock(item) => Some(item), _ => None, } } - pub fn as_any_css_rule_block(&self) -> Option<&AnyCssRuleBlock> { + pub fn as_css_rule_block(&self) -> Option<&CssRuleBlock> { match &self { - AnyCssConditionalBlock::AnyCssRuleBlock(item) => Some(item), + AnyCssConditionalBlock::CssRuleBlock(item) => Some(item), _ => None, } } @@ -14460,6 +14573,46 @@ impl From for SyntaxElement { n.syntax.into() } } +impl AstNode for CssUnknownBlockAtRule { + type Language = Language; + const KIND_SET: SyntaxKindSet = + SyntaxKindSet::from_raw(RawSyntaxKind(CSS_UNKNOWN_BLOCK_AT_RULE as u16)); + fn can_cast(kind: SyntaxKind) -> bool { + kind == CSS_UNKNOWN_BLOCK_AT_RULE + } + fn cast(syntax: SyntaxNode) -> Option { + if Self::can_cast(syntax.kind()) { + Some(Self { syntax }) + } else { + None + } + } + fn syntax(&self) -> &SyntaxNode { + &self.syntax + } + fn into_syntax(self) -> SyntaxNode { + self.syntax + } +} +impl std::fmt::Debug for CssUnknownBlockAtRule { + fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { + f.debug_struct("CssUnknownBlockAtRule") + .field("name", &support::DebugSyntaxResult(self.name())) + .field("components", &support::DebugSyntaxResult(self.components())) + .field("block", &support::DebugSyntaxResult(self.block())) + .finish() + } +} +impl From for SyntaxNode { + fn from(n: CssUnknownBlockAtRule) -> SyntaxNode { + n.syntax + } +} +impl From for SyntaxElement { + fn from(n: CssUnknownBlockAtRule) -> SyntaxElement { + n.syntax.into() + } +} impl AstNode for CssUnknownDimension { type Language = Language; const KIND_SET: SyntaxKindSet = @@ -14502,6 +14655,49 @@ impl From for SyntaxElement { n.syntax.into() } } +impl AstNode for CssUnknownValueAtRule { + type Language = Language; + const KIND_SET: SyntaxKindSet = + SyntaxKindSet::from_raw(RawSyntaxKind(CSS_UNKNOWN_VALUE_AT_RULE as u16)); + fn can_cast(kind: SyntaxKind) -> bool { + kind == CSS_UNKNOWN_VALUE_AT_RULE + } + fn cast(syntax: SyntaxNode) -> Option { + if Self::can_cast(syntax.kind()) { + Some(Self { syntax }) + } else { + None + } + } + fn syntax(&self) -> &SyntaxNode { + &self.syntax + } + fn into_syntax(self) -> SyntaxNode { + self.syntax + } +} +impl std::fmt::Debug for CssUnknownValueAtRule { + fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { + f.debug_struct("CssUnknownValueAtRule") + .field("name", &support::DebugSyntaxResult(self.name())) + .field("components", &support::DebugSyntaxResult(self.components())) + .field( + "semicolon_token", + &support::DebugSyntaxResult(self.semicolon_token()), + ) + .finish() + } +} +impl From for SyntaxNode { + fn from(n: CssUnknownValueAtRule) -> SyntaxNode { + n.syntax + } +} +impl From for SyntaxElement { + fn from(n: CssUnknownValueAtRule) -> SyntaxElement { + n.syntax.into() + } +} impl AstNode for CssUrlFunction { type Language = Language; const KIND_SET: SyntaxKindSet = @@ -14932,6 +15128,16 @@ impl From for AnyCssAtRule { AnyCssAtRule::CssSupportsAtRule(node) } } +impl From for AnyCssAtRule { + fn from(node: CssUnknownBlockAtRule) -> AnyCssAtRule { + AnyCssAtRule::CssUnknownBlockAtRule(node) + } +} +impl From for AnyCssAtRule { + fn from(node: CssUnknownValueAtRule) -> AnyCssAtRule { + AnyCssAtRule::CssUnknownValueAtRule(node) + } +} impl From for AnyCssAtRule { fn from(node: CssValueAtRule) -> AnyCssAtRule { AnyCssAtRule::CssValueAtRule(node) @@ -14958,6 +15164,8 @@ impl AstNode for AnyCssAtRule { .union(CssScopeAtRule::KIND_SET) .union(CssStartingStyleAtRule::KIND_SET) .union(CssSupportsAtRule::KIND_SET) + .union(CssUnknownBlockAtRule::KIND_SET) + .union(CssUnknownValueAtRule::KIND_SET) .union(CssValueAtRule::KIND_SET); fn can_cast(kind: SyntaxKind) -> bool { matches!( @@ -14981,6 +15189,8 @@ impl AstNode for AnyCssAtRule { | CSS_SCOPE_AT_RULE | CSS_STARTING_STYLE_AT_RULE | CSS_SUPPORTS_AT_RULE + | CSS_UNKNOWN_BLOCK_AT_RULE + | CSS_UNKNOWN_VALUE_AT_RULE | CSS_VALUE_AT_RULE ) } @@ -15021,6 +15231,12 @@ impl AstNode for AnyCssAtRule { AnyCssAtRule::CssStartingStyleAtRule(CssStartingStyleAtRule { syntax }) } CSS_SUPPORTS_AT_RULE => AnyCssAtRule::CssSupportsAtRule(CssSupportsAtRule { syntax }), + CSS_UNKNOWN_BLOCK_AT_RULE => { + AnyCssAtRule::CssUnknownBlockAtRule(CssUnknownBlockAtRule { syntax }) + } + CSS_UNKNOWN_VALUE_AT_RULE => { + AnyCssAtRule::CssUnknownValueAtRule(CssUnknownValueAtRule { syntax }) + } CSS_VALUE_AT_RULE => AnyCssAtRule::CssValueAtRule(CssValueAtRule { syntax }), _ => return None, }; @@ -15047,6 +15263,8 @@ impl AstNode for AnyCssAtRule { AnyCssAtRule::CssScopeAtRule(it) => &it.syntax, AnyCssAtRule::CssStartingStyleAtRule(it) => &it.syntax, AnyCssAtRule::CssSupportsAtRule(it) => &it.syntax, + AnyCssAtRule::CssUnknownBlockAtRule(it) => &it.syntax, + AnyCssAtRule::CssUnknownValueAtRule(it) => &it.syntax, AnyCssAtRule::CssValueAtRule(it) => &it.syntax, } } @@ -15071,6 +15289,8 @@ impl AstNode for AnyCssAtRule { AnyCssAtRule::CssScopeAtRule(it) => it.syntax, AnyCssAtRule::CssStartingStyleAtRule(it) => it.syntax, AnyCssAtRule::CssSupportsAtRule(it) => it.syntax, + AnyCssAtRule::CssUnknownBlockAtRule(it) => it.syntax, + AnyCssAtRule::CssUnknownValueAtRule(it) => it.syntax, AnyCssAtRule::CssValueAtRule(it) => it.syntax, } } @@ -15097,6 +15317,8 @@ impl std::fmt::Debug for AnyCssAtRule { AnyCssAtRule::CssScopeAtRule(it) => std::fmt::Debug::fmt(it, f), AnyCssAtRule::CssStartingStyleAtRule(it) => std::fmt::Debug::fmt(it, f), AnyCssAtRule::CssSupportsAtRule(it) => std::fmt::Debug::fmt(it, f), + AnyCssAtRule::CssUnknownBlockAtRule(it) => std::fmt::Debug::fmt(it, f), + AnyCssAtRule::CssUnknownValueAtRule(it) => std::fmt::Debug::fmt(it, f), AnyCssAtRule::CssValueAtRule(it) => std::fmt::Debug::fmt(it, f), } } @@ -15123,6 +15345,8 @@ impl From for SyntaxNode { AnyCssAtRule::CssScopeAtRule(it) => it.into(), AnyCssAtRule::CssStartingStyleAtRule(it) => it.into(), AnyCssAtRule::CssSupportsAtRule(it) => it.into(), + AnyCssAtRule::CssUnknownBlockAtRule(it) => it.into(), + AnyCssAtRule::CssUnknownValueAtRule(it) => it.into(), AnyCssAtRule::CssValueAtRule(it) => it.into(), } } @@ -15315,56 +15539,75 @@ impl From for SyntaxElement { node.into() } } +impl From for AnyCssConditionalBlock { + fn from(node: CssBogusBlock) -> AnyCssConditionalBlock { + AnyCssConditionalBlock::CssBogusBlock(node) + } +} +impl From for AnyCssConditionalBlock { + fn from(node: CssDeclarationOrRuleBlock) -> AnyCssConditionalBlock { + AnyCssConditionalBlock::CssDeclarationOrRuleBlock(node) + } +} +impl From for AnyCssConditionalBlock { + fn from(node: CssRuleBlock) -> AnyCssConditionalBlock { + AnyCssConditionalBlock::CssRuleBlock(node) + } +} impl AstNode for AnyCssConditionalBlock { type Language = Language; - const KIND_SET: SyntaxKindSet = - AnyCssDeclarationOrRuleBlock::KIND_SET.union(AnyCssRuleBlock::KIND_SET); + const KIND_SET: SyntaxKindSet = CssBogusBlock::KIND_SET + .union(CssDeclarationOrRuleBlock::KIND_SET) + .union(CssRuleBlock::KIND_SET); fn can_cast(kind: SyntaxKind) -> bool { - match kind { - k if AnyCssDeclarationOrRuleBlock::can_cast(k) => true, - k if AnyCssRuleBlock::can_cast(k) => true, - _ => false, - } + matches!( + kind, + CSS_BOGUS_BLOCK | CSS_DECLARATION_OR_RULE_BLOCK | CSS_RULE_BLOCK + ) } fn cast(syntax: SyntaxNode) -> Option { - if let Some(any_css_declaration_or_rule_block) = - AnyCssDeclarationOrRuleBlock::cast(syntax.clone()) - { - return Some(AnyCssConditionalBlock::AnyCssDeclarationOrRuleBlock( - any_css_declaration_or_rule_block, - )); - } - if let Some(any_css_rule_block) = AnyCssRuleBlock::cast(syntax) { - return Some(AnyCssConditionalBlock::AnyCssRuleBlock(any_css_rule_block)); - } - None + let res = match syntax.kind() { + CSS_BOGUS_BLOCK => AnyCssConditionalBlock::CssBogusBlock(CssBogusBlock { syntax }), + CSS_DECLARATION_OR_RULE_BLOCK => { + AnyCssConditionalBlock::CssDeclarationOrRuleBlock(CssDeclarationOrRuleBlock { + syntax, + }) + } + CSS_RULE_BLOCK => AnyCssConditionalBlock::CssRuleBlock(CssRuleBlock { syntax }), + _ => return None, + }; + Some(res) } fn syntax(&self) -> &SyntaxNode { match self { - AnyCssConditionalBlock::AnyCssDeclarationOrRuleBlock(it) => it.syntax(), - AnyCssConditionalBlock::AnyCssRuleBlock(it) => it.syntax(), + AnyCssConditionalBlock::CssBogusBlock(it) => &it.syntax, + AnyCssConditionalBlock::CssDeclarationOrRuleBlock(it) => &it.syntax, + AnyCssConditionalBlock::CssRuleBlock(it) => &it.syntax, } } fn into_syntax(self) -> SyntaxNode { match self { - AnyCssConditionalBlock::AnyCssDeclarationOrRuleBlock(it) => it.into_syntax(), - AnyCssConditionalBlock::AnyCssRuleBlock(it) => it.into_syntax(), + AnyCssConditionalBlock::CssBogusBlock(it) => it.syntax, + AnyCssConditionalBlock::CssDeclarationOrRuleBlock(it) => it.syntax, + AnyCssConditionalBlock::CssRuleBlock(it) => it.syntax, } } } impl std::fmt::Debug for AnyCssConditionalBlock { fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { match self { - AnyCssConditionalBlock::AnyCssDeclarationOrRuleBlock(it) => std::fmt::Debug::fmt(it, f), - AnyCssConditionalBlock::AnyCssRuleBlock(it) => std::fmt::Debug::fmt(it, f), + AnyCssConditionalBlock::CssBogusBlock(it) => std::fmt::Debug::fmt(it, f), + AnyCssConditionalBlock::CssDeclarationOrRuleBlock(it) => std::fmt::Debug::fmt(it, f), + AnyCssConditionalBlock::CssRuleBlock(it) => std::fmt::Debug::fmt(it, f), } } } impl From for SyntaxNode { fn from(n: AnyCssConditionalBlock) -> SyntaxNode { match n { - AnyCssConditionalBlock::AnyCssDeclarationOrRuleBlock(it) => it.into(), - AnyCssConditionalBlock::AnyCssRuleBlock(it) => it.into(), + AnyCssConditionalBlock::CssBogusBlock(it) => it.into(), + AnyCssConditionalBlock::CssDeclarationOrRuleBlock(it) => it.into(), + AnyCssConditionalBlock::CssRuleBlock(it) => it.into(), } } } @@ -22178,11 +22421,21 @@ impl std::fmt::Display for CssUniversalSelector { std::fmt::Display::fmt(self.syntax(), f) } } +impl std::fmt::Display for CssUnknownBlockAtRule { + fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { + std::fmt::Display::fmt(self.syntax(), f) + } +} impl std::fmt::Display for CssUnknownDimension { fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { std::fmt::Display::fmt(self.syntax(), f) } } +impl std::fmt::Display for CssUnknownValueAtRule { + fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { + std::fmt::Display::fmt(self.syntax(), f) + } +} impl std::fmt::Display for CssUrlFunction { fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { std::fmt::Display::fmt(self.syntax(), f) @@ -23536,6 +23789,63 @@ impl From for SyntaxElement { } #[derive(Clone, PartialEq, Eq, Hash)] #[cfg_attr(feature = "serde", derive(Serialize))] +pub struct CssUnknownAtRuleComponentList { + syntax: SyntaxNode, +} +impl CssUnknownAtRuleComponentList { + #[doc = r" Create an AstNode from a SyntaxNode without checking its kind"] + #[doc = r""] + #[doc = r" # Safety"] + #[doc = r" This function must be guarded with a call to [AstNode::can_cast]"] + #[doc = r" or a match on [SyntaxNode::kind]"] + #[inline] + pub const unsafe fn new_unchecked(syntax: SyntaxNode) -> Self { + Self { syntax } + } + pub fn items(&self) -> SyntaxElementChildren { + support::elements(&self.syntax) + } +} +impl AstNode for CssUnknownAtRuleComponentList { + type Language = Language; + const KIND_SET: SyntaxKindSet = + SyntaxKindSet::from_raw(RawSyntaxKind(CSS_UNKNOWN_AT_RULE_COMPONENT_LIST as u16)); + fn can_cast(kind: SyntaxKind) -> bool { + kind == CSS_UNKNOWN_AT_RULE_COMPONENT_LIST + } + fn cast(syntax: SyntaxNode) -> Option { + if Self::can_cast(syntax.kind()) { + Some(Self { syntax }) + } else { + None + } + } + fn syntax(&self) -> &SyntaxNode { + &self.syntax + } + fn into_syntax(self) -> SyntaxNode { + self.syntax + } +} +impl std::fmt::Debug for CssUnknownAtRuleComponentList { + fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { + f.debug_struct("CssUnknownAtRuleComponentList") + .field("items", &DebugSyntaxElementChildren(self.items())) + .finish() + } +} +impl From for SyntaxNode { + fn from(n: CssUnknownAtRuleComponentList) -> SyntaxNode { + n.syntax + } +} +impl From for SyntaxElement { + fn from(n: CssUnknownAtRuleComponentList) -> SyntaxElement { + n.syntax.into() + } +} +#[derive(Clone, PartialEq, Eq, Hash)] +#[cfg_attr(feature = "serde", derive(Serialize))] pub struct CssValueAtRuleGenericValue { syntax: SyntaxNode, } diff --git a/crates/biome_css_syntax/src/generated/nodes_mut.rs b/crates/biome_css_syntax/src/generated/nodes_mut.rs index 1e5397ea04c0..e90830848485 100644 --- a/crates/biome_css_syntax/src/generated/nodes_mut.rs +++ b/crates/biome_css_syntax/src/generated/nodes_mut.rs @@ -2403,6 +2403,26 @@ impl CssUniversalSelector { ) } } +impl CssUnknownBlockAtRule { + pub fn with_name(self, element: CssIdentifier) -> Self { + Self::unwrap_cast( + self.syntax + .splice_slots(0usize..=0usize, once(Some(element.into_syntax().into()))), + ) + } + pub fn with_components(self, element: CssUnknownAtRuleComponentList) -> Self { + Self::unwrap_cast( + self.syntax + .splice_slots(1usize..=1usize, once(Some(element.into_syntax().into()))), + ) + } + pub fn with_block(self, element: AnyCssDeclarationOrRuleBlock) -> Self { + Self::unwrap_cast( + self.syntax + .splice_slots(2usize..=2usize, once(Some(element.into_syntax().into()))), + ) + } +} impl CssUnknownDimension { pub fn with_value_token(self, element: SyntaxToken) -> Self { Self::unwrap_cast( @@ -2417,6 +2437,26 @@ impl CssUnknownDimension { ) } } +impl CssUnknownValueAtRule { + pub fn with_name(self, element: CssIdentifier) -> Self { + Self::unwrap_cast( + self.syntax + .splice_slots(0usize..=0usize, once(Some(element.into_syntax().into()))), + ) + } + pub fn with_components(self, element: CssUnknownAtRuleComponentList) -> Self { + Self::unwrap_cast( + self.syntax + .splice_slots(1usize..=1usize, once(Some(element.into_syntax().into()))), + ) + } + pub fn with_semicolon_token(self, element: SyntaxToken) -> Self { + Self::unwrap_cast( + self.syntax + .splice_slots(2usize..=2usize, once(Some(element.into()))), + ) + } +} impl CssUrlFunction { pub fn with_name_token(self, element: SyntaxToken) -> Self { Self::unwrap_cast( diff --git a/crates/biome_css_syntax/src/lib.rs b/crates/biome_css_syntax/src/lib.rs index 86a5b3c1f069..ed1aa72040aa 100644 --- a/crates/biome_css_syntax/src/lib.rs +++ b/crates/biome_css_syntax/src/lib.rs @@ -118,6 +118,10 @@ impl biome_rowan::SyntaxKind for CssSyntaxKind { kind if AnyCssDocumentMatcher::can_cast(*kind) => CSS_BOGUS_DOCUMENT_MATCHER, kind if AnyCssKeyframesName::can_cast(*kind) => CSS_BOGUS_KEYFRAMES_NAME, kind if AnyCssCustomIdentifier::can_cast(*kind) => CSS_BOGUS_CUSTOM_IDENTIFIER, + kind if AnyCssDeclarationOrAtRuleBlock::can_cast(*kind) => CSS_BOGUS_BLOCK, + kind if AnyCssDeclarationOrRuleBlock::can_cast(*kind) => CSS_BOGUS_BLOCK, + kind if AnyCssConditionalBlock::can_cast(*kind) => CSS_BOGUS_BLOCK, + kind if AnyCssFontFeatureValuesBlock::can_cast(*kind) => CSS_BOGUS_BLOCK, _ => CSS_BOGUS, } diff --git a/xtask/codegen/css.ungram b/xtask/codegen/css.ungram index cb7328a38e43..75e6ed8d33a3 100644 --- a/xtask/codegen/css.ungram +++ b/xtask/codegen/css.ungram @@ -453,8 +453,9 @@ AnyCssDeclarationOrAtRule = // When nested in this way, the contents of a nested group rule's block are parsed as rather than : // https://drafts.csswg.org/css-nesting-1/#conditionals AnyCssConditionalBlock = - AnyCssDeclarationOrRuleBlock - | AnyCssRuleBlock + CssDeclarationOrRuleBlock + | CssRuleBlock + | CssBogusBlock // @page :left { background: red; @media (500px <= width <= 500px) { } } // ^^^^^^^^^^^^^^^^ @@ -599,6 +600,8 @@ AnyCssAtRule = | CssDocumentAtRule | CssPropertyAtRule | CssValueAtRule + | CssUnknownBlockAtRule + | CssUnknownValueAtRule | CssBogusAtRule // @charset "UTF-8"; @@ -1576,6 +1579,24 @@ CssValueAtRuleGenericProperty = // improvements to the parser without breaking existing functionality. CssValueAtRuleGenericValue = SyntaxElement* +/// Represents an unknown or unsupported CSS at-rule during parsing. +/// +/// When encountered during parsing, `CssUnknownAtRule` serves as a fallback mechanism, +/// allowing the parser to continue processing the stylesheet by treating the unsupported rule +/// as part of an unformed tree. This enables graceful handling of CSS constructs that are not +/// supported by the parser, ensuring that the stylesheet can still be processed without errors. +CssUnknownBlockAtRule = + name: CssIdentifier + components: CssUnknownAtRuleComponentList + block: AnyCssDeclarationOrRuleBlock + +CssUnknownValueAtRule = + name: CssIdentifier + components: CssUnknownAtRuleComponentList + ';' + +CssUnknownAtRuleComponentList = SyntaxElement* + /////////////// // AUXILIARY /////////////// diff --git a/xtask/codegen/src/css_kinds_src.rs b/xtask/codegen/src/css_kinds_src.rs index fd7167557d52..16cf81e741f4 100644 --- a/xtask/codegen/src/css_kinds_src.rs +++ b/xtask/codegen/src/css_kinds_src.rs @@ -467,6 +467,9 @@ pub const CSS_KINDS_SRC: KindsSrc = KindsSrc { "CSS_VALUE_AT_RULE_DECLARATION_CLAUSE", "CSS_VALUE_AT_RULE_GENERIC_PROPERTY", "CSS_VALUE_AT_RULE_GENERIC_VALUE", + "CSS_UNKNOWN_BLOCK_AT_RULE", + "CSS_UNKNOWN_VALUE_AT_RULE", + "CSS_UNKNOWN_AT_RULE_COMPONENT_LIST", // Bogus nodes "CSS_BOGUS", "CSS_BOGUS_BLOCK",