soliciting feedback: which of these two syntaxes do you prefer?

body {
@each section in $(sections) where $(:title section) {
$(:title section)
}
$content
}

body {
@each section in (sections) where (:title section) {
$(:title section)
}
$content
}

(note that $ has disappeared from the @each line in the second one)

actually wait i'm a dumbass, this can consistently be (:title section) everywhere, even in the body

this is hot

body {
header.site-header {
nav.site-nav {
@each section in (sections) where (predicate section) {
a.page-link[href=$section.url] { $section.title }
}
}
}

ok follow-up question: which of these do you like better?

A: all of these rules:

  • div { Hello world } expands to <div>Hello world</div>
  • div { span { Hi } } expands to <div><span>Hi</span></div>
  • div { "Hello" span { world } } expands to <div>Hello<span>world</span></div>
  • div div > span { Hi } and p { Hello span { world } } are parse errors

B: all of these rules:

  • div { "Hello world" } expands to <div>Hello world</div>
  • div { span { "Hi" } } expands to <div><span>Hi</span></div>
  • div div > span { "Hi" } expands to <div></div><div><span>Hi</span></div>
  • p { Hello span { world } } expands to <p><Hello></Hello><span><world></world></span></p>

C: something else

@jyn I prefer B (B1 seems to have a typo though)