Visite: 4732

SUIT CSS è una metodologia di implementazione per i fogli di stile CSS a corredo di un insieme di utilità che ne facilitano la manutenzione.

Relativamente al toolkit:

  1. vengono adottate le convenzioni di nomenclatura SUIT CSS nella stesura del codice dei fogli di stile

  2. vengono utilizzate le classi di utilità fornite dalla libreria. Si consiglia in particolare di far riferimento alla documentazione online delle classi SUIT CSS con particolare riferimento alla griglia responsive

  3. viene utilizzato il preprocessore CSS di SUIT integrato da un insieme di plugin ad-hoc; è possibile visualizzare la lista dei plugin nel file .postcss.js contenuto nella directory radice del repository.

È possibile consultare l'elenco e la documentazione di tutte le classi SUIT CSS.

L'editor TinyMCE è configurato affinché possa impostare in automatico i formati previsti:


Heading

classes da sistemare

h1

<h1 class="u-text-h1">h1</h1>

h2

<h2 class="u-text-h2">h1</h1>

h3

<h3 class="u-text-h3">h1</h1>

h4

<h4 class="u-text-h4">h1</h1>
h5
<h5 class="u-text-h5">h1</h1>
h6
<h6 class="u-text-h6">h1</h1>


Text alignment

alignLeft

<p class="u-textLeft">alignLeft</p>

alignCenter

<p class="u-textCenter">alignCenter</p>

alignRight

<p class="u-textRight">alignRight</p>