Citations CSS – style général

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 :beers: vous savez !

You’ll want to style aside.quote .title and blockquote… You can cover both like this:

aside.quote .title, blockquote {
    // Styles here
}

@awesomerobot …at this point I owe you a :beer: 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;
}

Fonctionne parfaitement, merci ! :+1: :+1: :+1:

Exemple :
Anteckning 2020-01-16 110229