agemo
(agemo)
03.Апрель.2019 18:05:42
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!
You’ll want to style aside.quote .title and blockquote… You can cover both like this:
aside.quote .title, blockquote {
// Styles here
}
agemo
(agemo)
03.Апрель.2019 20:10:23
3
@awesomerobot …at this point I owe you a Thanks!
Привет, конкретный вопрос:
Не знает ли кто-нибудь CSS для вложенных цитат, в частности для «первого уровня» вложенности?
Я хочу добиться другой цветовой схемы для вложенных цитат по сравнению с «основной цитатой».
От чего-то вроде этого:
.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;
}
Я попытался применить другую цветовую схему только к этой части:
.quote aside .quote, .quote aside .title, .quote aside blockquote, .quote aside .onebox, .quote aside .onebox-result
У меня получилось частично, но не для всей вложенной цитаты.
Есть какие-нибудь идеи?
Я думаю , что что-то вроде этого может сработать
aside.quote blockquote {
blockquote,
aside.quote {
&,
.title,
.onebox,
.onebox-result {
background-color: red;
}
}
}
В SASS это немного трудно читать, но итоговый вывод выглядит так
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;
}