Style Guide Unibo Controls

Stati

In aggiunta alle prototype classes usate in Foundation, è stato sviluppata la possibilità di avere padding e margin più piccoli.

Per utilizzare la funzionalità è sufficiente usare la classe padding-half o margin-half. In questo modo la spaziatura sarà la metà del padding/margin normale.

E' possibile indicare anche solo un lato a cui applicare la spaziatura. Ad esempio, in questo modo: padding-top-half, verrà applicato la spaziatura dimezzata solo al lato superiore dell'elemento.

SCSS da includere: u_stati.scss

Classe da utilizzare: u-state-*

              
              Default
              Completato
              Attesa
              Rifiutato    
              Default con altra icona
              Attesa con altra icona e spin

Default

Completato

Attesa

Rifiutato

Default con altra icona

Attesa con altra icona e spin

Lista con icone e azioni

Lista elementi con icone e pulsanti di azione, utilizzabile al posto di tabelle con poche colonne.

SCSS da includere: u_media_list.scss

Classe da utilizzare: u-media-list

                
                    
                        
                            
                                
                                    
                                        
                                            
                                        
                                        
                                            Occupabilità e ricerca attiva del lavoro - Parte 1 
                                        
                                    
                                
                                
                                    Compila
                                
                            
                        
                        
                        
                            
                                
                                    
                                        
                                            
                                        
                                        
                                            Occupabilità e ricerca attiva del lavoro - Parte 2
                                        
                                    
                                
                            
                        
                        
                        
                        
                            
                                
                                    
                                            
                                                
                                            
                                        
                                            Occupabilità e ricerca attiva del lavoro - Parte 3 
                                            Ultima compilazione: 20/09/2018 13:50:00 
                                        
                                    
                                
                                
                                    Visualizza report
                                
                            
                        
                        
                        
                            
                                
                                    
                                        
                                            
                                        
                                        
                                            Occupabilità e ricerca attiva del lavoro - Parte 4

Occupabilità e ricerca attiva del lavoro - Parte 1

Compila
Occupabilità e ricerca attiva del lavoro - Parte 2
Occupabilità e ricerca attiva del lavoro - Parte 3

Ultima compilazione: 20/09/2018 13:50:00

Visualizza report
Occupabilità e ricerca attiva del lavoro - Parte 4