I tried searching for various combinations of “style element based on content” or “style container based on child” or style “based on containing elements” but didn’t find a solution for the following two fold question:
I want to style a container #outside (or parts of it) in two cases
Case A: When it contains #inside
Case B: When it starts with #inside
#let inside(body) = {
set text(blue)
body
}
#let outside(body) = {
if body.has("child") {
set text(blue) if body.children.at(0).child == "??" // This was an attempt
}
"Yo, " + body
}
*How can I make this blue if it contains `#inside`?*\
#outside[listen up here′s a story #inside[I'm blue] Da ba dee da ba di.] \
#text(fill: blue, "Yo, listen up here′s a story I'm blue Da ba dee da ba di.") (Expected)
*How can I make the "Yo, " blue only if `#outside` starts with `#inside`?*\
#outside[#inside[I'm blue] Da ba dee da ba di.] \
#text(fill: blue, "Yo, I'm blue") Da ba dee da ba di. (Expected) \
#text(fill: blue, "Yo, I'm also blue") Da ba dee da ba di. (Expected)
Basic explanation: Every outside creates a new counter. inside adds to the current outside counter. The outside styling can detect the final value of its own counter and style itself accordingly.
#show "green": set text(green)
#let oc = counter("outside")
#let inside(body) = context {
// Why do we need -1 here? Don't know yet.
let ic = counter("inside/" + str(oc.get().first() - 1))
ic.step()
set text(blue)
body
}
// There are 2 oc counters for each `outside`.
// So that `inside` increments outside/x while inside `outside`
// and adds to outside/x+1 otherwise.
#let outside(body) = context {
oc.step()
let ic = counter("inside/" + str(oc.get().first()))
let isblue = ic.final().first() > 0
set text(blue) if isblue
"Yo, " + body
oc.step()
}
*How can I make this blue if it contains `#inside`?*\
#outside[listen up here′s a story #inside[I'm blue] Da ba dee da ba di.] \
#outside[listen up here′s a story I'm green Da ba dee da ba di.] \
#outside[listen up here′s a story #inside[I'm blue] Da ba dee da ba di.] \
#outside[listen up here′s a story #inside[I'm blue] Da ba dee da ba di.] \
#outside[listen up here′s a story #inside[I'm blue] Da ba dee da ba di.] \
#outside[listen up here′s a story I'm green Da ba dee da ba di.] \
#outside[Another empty sentence, should be black.]
#inside[Freely running around inside]
#outside[Empty outside.]
#text(fill: blue, "Yo, listen up here′s a story I'm blue Da ba dee da ba di.") (Expected)
*How can I make the "Yo, " blue only if `#outside` starts with `#inside`?*\
#outside[#inside[I'm blue] Da ba dee da ba di.] \
#text(fill: blue, "Yo, I'm blue") Da ba dee da ba di. (Expected) \
#text(fill: blue, "Yo, I'm also blue") Da ba dee da ba di. (Expected)
I have a question about my own code… after this:
#let outside(body) = context {
oc.step()
let ic = counter("inside/" + str(oc.get().first()))
The first time this is used, ic gets the counter called “inside/0”, why doesn’t it get number 1? oc has been stepped just on the line before…
The .get() call is called within a context, and the context starts with counter set to 0. For .get() to see a .step(), they need to be separated by context:
#let outside(body) = {
oc.step()
context {
let ic = counter("inside/" + str(oc.get().first()))
P.S. The forum is English-oriented, so writing (or leaving) 詳細 in a message is confusing unless you’re 日本語上手.
I have google translated your message, and I think I understand now.
I used a HTML <details> tag in my message. It’s localized by your web browser. I see it in Swedish, hence your Japanese (I think) was very confusing to me. So yeah, we see different things. And yeah, it’s not me who decides how it’s displayed.
