Caselle con sottocategorie in un elenco puntato

[Canapin (Coin-coin le Canapin)]

Modifica: dal 09/11/2023: gli stili di categoria diversi dai punti elenco quadrati sono o saranno presto interrotti/non disponibili.

---

@MichelleBarnett

Scatole con sottocategorie

Rispondo a questo più tardi, ma meglio tardi che mai…

Per impilarle una sopra l’altra:

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        .subcategory-image-placeholder {
            display: none;
        }
    }
}

Per quanto riguarda un elenco puntato, dipenderà dallo stile che utilizzi per le tue categorie. Supponiamo che tu stia usando “bullet”:

Avrà questo aspetto:

Se vuoi mantenere i punti elenco colorati per le categorie principali ma non per le sottocategorie:

Utilizzando il vero carattere del punto elenco:

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        &:before {
            content: "•";
            margin-right: .25em;
            font-size: 1.5em;
            line-height: 0;
        }
        .badge-category-bg {
            display: none;
        }
        .subcategory-image-placeholder {
            display: none;
        }
    }
}

Più semplice, rimodellando l’attuale punto elenco della categoria Discourse:

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        .badge-category-bg {
            border-radius: 50%;
        }
        .subcategory-image-placeholder {
            display: none;
        }
    }
}