Prima di passare ad esaminare più nel dettaglio come poter effettivamente utilizzare all’interno del nostro progetto le varie librerie messe a disposizione dal framework, è bene dare uno sguardo anche alla struttura dei file CSS in maniera tale da poter intervenire con cognizione di causa qualora dovesse essere necessario apportare loro delle modifiche, o qualora si volesse, molto più semplicemente, individuare all’interno dei vari file tutte le proprietà relative ad uno specifico componente.

In questo senso possiamo evidenziare innanzitutto che, per evitare possibili conflitti con altre elementi o componenti normalmente utilizzati all’interno del sito (come possono essere i componenti Passweb con i relativi stili), tutte le classi gestite da uikit hanno come prefisso la stringa “uk-”

Esempio uk-grid è la classe di base utilizzata per stilizzare il componente grid

All’interno di un file CSS ogni componente ha una sua specifica sezione (facilmente individuabile grazie ad apposite righe di commenti) dove vengono definite le classi mediante le quali poter gestire:

• le proprietà generali del componente

• le proprietà dei suoi sotto componenti, i cosiddetti sub-object. Sono elementi interni al componente stesso necessari per poterne garantire il corretto funzionamento (es. il pulsante di chiusura di un alert-box)

• le proprietà dei suoi Modificatori (Modifier) ossia apposite classi che consentono di alterare e definire nel dettaglio lo stile dello specifico componente e dei suoi sotto componenti