Contenitore leggero per l'elenco degli argomenti

Avere un box per il contenitore dell’argomento principale è piuttosto di tendenza al momento, ma non volevo un tema completo con tutto il resto.

Quindi ho creato un componente tematico. Ora puoi comporre le parti come preferisci. :ok_hand:

|||
|-|-|-|
| :information_source: | Riepilogo | Leggero contorno per il contenitore dell’elenco degli argomenti principali
| :eyeglasses:|Anteprima| Theme Creator |
| :hammer_and_wrench:|Repository| GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse |
| :question:|Guida all’installazione|Come installare un tema o un componente tematico|
| :open_book:|Nuovo ai temi di Discourse?| Guida per principianti all’uso dei temi di Discourse

Descrizione

Questo aggiunge un’ombra a scatola e un po’ di spaziatura per il contenitore principale. Si applica all’elenco degli argomenti, al contenitore principale nella dashboard di amministrazione, ecc.

Impostazioni

Puoi impostare un colore di sfondo con le impostazioni colore di sfondo chiaro e colore di sfondo scuro.

Estensibilità

Puoi anche puntare al contenitore di sfondo in un altro componente tematico.
ad es. Puoi aggiungere un gradiente.

.background-container {
  background: linear-gradient(180deg, var(--header_primary-high) 0%, rgba(137, 160, 210, 0.7) 100%);
}

Crediti

Grazie a @awesomerobot e @jsthon per il codice in Un tema aggraziato per Discourse

(nei crediti di quel tema ero tmoko, ahah.)

Feedback

Qualsiasi feedback costruttivo sulle migliori pratiche in CSS sarebbe molto apprezzato.
ad es. come gestire al meglio scuro/chiaro, padding/margini, ecc.

Link

3 Mi Piace