design-web-toolkit
design-web-toolkit copied to clipboard
Stilizzazione tag/classi
Buongiorno, alcune regole css del framework vengono applicate su classi anziché direttamente sui tag.
Esempi:
-
<blockquote>
-
<table>
In alcuni casi, come in un'integrazione WordPress (suppongo anche altri applicativi), questo ha grossi svantaggi. Per esempio il tag blockquote generato in automatico non possiede la regola css aggiuntiva richiesta dal framework
<blockquote class="Prose-blockquote">
ma genera solo
<blockquote>
.
Lo stesso vale per le tabelle, che risultano senza stile essendo sprovviste della classe css richiesta dal framework.
A mio avviso sarebbe opportuno stilizzare direttamente i tag, percui chiedo se sono state fatte valutazioni in tal senso. Grazie
ciao marco, di proposito le regole non vengono quasi mai applicate direttamente sui tag. questo evita di doverle sovrascrivere (opt-out) nel caso in cui non si voglia utilizzare uno stile di default per quel tag. in genere è piuttosto difficile che lo stile di un tag sia uguale ovunque questo compaia, indipendentemente dal contesto. pertanto è stata preferita una politica "opt-in" in cui lo stile viene applicato tramite le classi. tra l'altro, proprio per questo motivo, quando in una prima versione del TK lo stile veniva applicato direttamente sui tag, alcuni la segnalarano come scelta poco felice (e di base, concordo). quindi sì, sono state fatte delle valutazioni in merito.
per ovviare al problema che illustri in genere i preprocessori CSS (SaSS, PostCSS, etc.) offrono un modo per riutilizzare le classi direttamente nel "CSS" (es. main > blockquote { @extend .Prose-blockquote }
)