Skip to content

Classi CSS

Francesco Zaia edited this page Mar 8, 2021 · 1 revision

Classi CSS custom: .mid-

Per quanto possibile sono state usate le classi disbonibili su Bootstrap Italia.

In alcuni casi si è resa necessaria la creazioni di alcune classi ad-hoc. Per rendere visibile questa differenza, le classi dedicate al progetto sono state nominate cn un prefisso .mid-, seguito dal nome: .mid-caption .mid-search ecc.

I file sono tutti in formato .scsse si trovano nella directory source/stylesheets/custom/

È stato usato il formato BEM con le seguenti convenzioni:

  • Block: il nome può contenere singoli dash .mid-card-caption
  • Element: doppio __underscore per separare il blocco dagli elementi: .mid-card-caption__label
  • Modifier: doppio --dash: .mid-card-caption__label--success

Classi di override e nuove classi

Personalizzazione del tema

stylesheets/variables/_bootstrap-italia-custom.scss

Overrides a classi esistenti del tema

stylesheets/custom/breadcrumb.scss
stylesheets/custom/btn.scss
stylesheets/custom/it-brand-text.scss
stylesheets/custom/text-primary.scss
stylesheets/custom/overrides.scss

Classi di utility per gestione focus solo su tastiera, e fix per IE11

stylesheets/custom/focus-visible.scss
stylesheets/custom/ie-fixes.scss

Nuove classi aggiunte

stylesheets/custom/swiper.scss
stylesheets/custom/progress-indicator.scss
stylesheets/custom/gallery.scss