agemo
(agemo)
April 3, 2019, 6:05pm
1
The standard quote styling in Discourse, what are the exact CSS classes etc. that control this.
I’ve played with .blockquote but what is creating the left circa 4/6 px line and the bg colour, well actually in the user quote title, is that jsut .title.
As usual thanks in advance. I’ve been staring at a screen too long today. I’m done! If only this forum served ya know!
1 Like
You’ll want to style aside.quote .title
and blockquote
… You can cover both like this:
aside.quote .title, blockquote {
// Styles here
}
7 Likes
agemo
(agemo)
April 3, 2019, 8:10pm
3
@awesomerobot …at this point I owe you a Thanks!
3 Likes
Hi, a specific question:
Does anybody know the CSS of nested quotes, specifically the “first-level” nested quotes?
What I want to achieve is a different color scheme for nested quotes from the “main quote”.
From something like this
.quote aside .quote, .quote aside .title, .quote aside blockquote, .quote aside .onebox, .quote aside .onebox-result, blockquote, aside.quote .title {
border-left: 5px solid #212121;
background: #25272d;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 0 0 0 rgba(0,0,0,0.12);
border-radius: 2px;
}
I tried to make a different color scheme to just this part
.quote aside .quote, .quote aside .title, .quote aside blockquote, .quote aside .onebox, .quote aside .onebox-result
And I get a partial success, but not the entire nested quote.
Any ideas?
I think something like this might work
aside.quote blockquote {
blockquote,
aside.quote {
&,
.title,
.onebox,
.onebox-result {
background-color: red;
}
}
}
This is a little hard to read in SASS, but the final output is
aside.quote blockquote blockquote,
aside.quote blockquote blockquote .title,
aside.quote blockquote blockquote .onebox,
aside.quote blockquote blockquote .onebox-result,
aside.quote blockquote aside.quote,
aside.quote blockquote aside.quote .title,
aside.quote blockquote aside.quote .onebox,
aside.quote blockquote aside.quote .onebox-result {
background-color: red;
}
2 Likes
system
(system)
Closed
December 21, 2023, 2:38am
8
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.