HTML
            


            
PUG
            
.row(style='padding: 10px 0')
  .col-md-4.mx-auto
    button.btn.btn-interface(type="button")
      span
        i.maificon.maificon-trash(aria-hidden="true")
        span Bouton interface
  .col-md-4.mx-auto
    button.btn.btn-interface(type="button")
      span
        i.maificon.maificon-trash(aria-hidden="true")
        span btn-interface sr-only
        span.sr-only Contexte (facultatif)
  .col-md-4.mx-auto
    button.btn.btn-interface(disabled, type="button")
      span
        i.maificon.maificon-trash(aria-hidden="true")
        span Bouton interface
.row(style='background: #525b85; padding: 20px 0')
  .col-md-6.mx-auto
    button.btn.btn-interface.dark(type="button")
      span
        i.maificon.maificon-trash(aria-hidden="true")
        span Bouton interface
  .col-md-6.mx-auto
    button.btn.btn-interface.dark(disabled, type="button")
      span
        i.maificon.maificon-trash(aria-hidden="true")
        span Bouton interface
.row(style='background: #e1e7ef; padding: 20px 0')
  .col-md-6.mx-auto
    button.btn.btn-interface.light(type="button")
      span
        i.maificon.maificon-trash(aria-hidden="true")
        span Bouton interface
  .col-md-6.mx-auto
    button.btn.btn-interface.light(disabled, type="button")
      span
        i.maificon.maificon-trash(aria-hidden="true")
        span Bouton interface