CSS quotes - stile generale

Sviluppatore
1

Lo stile di default delle citazioni in Discourse: quali sono esattamente le classi CSS, ecc., che lo controllano?

Ho provato a modificare .blockquote, ma cosa crea la linea verticale di circa 4/6 px a sinistra e il colore di sfondo? In realtà, nel titolo della citazione dell’utente, è forse solo .title?

Come sempre, grazie in anticipo. Oggi ho fissato lo schermo troppo a lungo. Sono stanco! Se solo questo forum servisse :beers:, sapete?

2

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

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

@awesomerobot …at this point I owe you a :beer: Thanks!

4

Ciao, una domanda specifica:

Qualcuno conosce lo CSS delle citazioni nidificate, in particolare quelle di “primo livello”?

Quello che vorrei ottenere è uno schema di colori diverso per le citazioni nidificate rispetto alla “citazione principale”.

Da qualcosa come questo

.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;
    }

Ho provato a creare uno schema di colori diverso solo per questa parte

.quote aside .quote, .quote aside .title, .quote aside blockquote, .quote aside .onebox, .quote aside .onebox-result

E ho ottenuto un successo parziale, ma non l’intera citazione nidificata.

Qualche idea?

5

Credo che qualcosa del genere possa funzionare

aside.quote blockquote {
  blockquote,
  aside.quote {
    &,
    .title,
    .onebox,
    .onebox-result {
      background-color: red;
    }
  }
}

Questo è un po’ difficile da leggere in SASS, ma l’output finale è

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;
}
6

Funziona perfettamente, grazie! :+1: :+1: :+1:

Esempio:
Anteckning 2020-01-16 110229