agemo
(agemo)
Avril 3, 2019, 6:05
1
Le style de citation standard dans Discourse, quelles sont les classes CSS exactes etc. qui le contrôlent.
J’ai joué avec .blockquote, mais qu’est-ce qui crée la ligne à gauche d’environ 4/6 px et la couleur de fond, en fait dans le titre de la citation de l’utilisateur, est-ce juste .title.
Comme d’habitude, merci d’avance. Je fixe un écran depuis trop longtemps aujourd’hui. J’en ai assez ! Si seulement ce forum servait vous savez !
You’ll want to style aside.quote .title and blockquote… You can cover both like this:
aside.quote .title, blockquote {
// Styles here
}
agemo
(agemo)
Avril 3, 2019, 8:10
3
@awesomerobot …at this point I owe you a Thanks!
Salut, une question précise :
Est-ce que quelqu’un connaît le CSS des citations imbriquées, en particulier les citations imbriquées de « premier niveau » ?
Ce que je souhaite obtenir, c’est un schéma de couleurs différent pour les citations imbriquées par rapport à la « citation principale ».
À partir de quelque chose comme ceci
.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;
}
J’ai essayé d’appliquer un schéma de couleurs différent uniquement à cette partie
.quote aside .quote, .quote aside .title, .quote aside blockquote, .quote aside .onebox, .quote aside .onebox-result
Et j’obtiens un succès partiel, mais pas l’ensemble de la citation imbriquée.
Des idées ?
Je pense qu’une solution comme celle-ci pourrait fonctionner
aside.quote blockquote {
blockquote,
aside.quote {
&,
.title,
.onebox,
.onebox-result {
background-color: red;
}
}
}
C’est un peu difficile à lire en SASS, mais le résultat final est
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;
}