Borda e raio de canto prontos — sólida, tracejada, pontilhada, só de um lado, cantos arredondados até pílula.
O que é
Utilitários de largura, lado e estilo de borda, mais raio de canto. A COR da borda mora na camada de cor semântica (.bd-pri….bd-mut) — aqui é só a geometria da linha.
Como funciona
.bd é o atalho pra 1px sólida cor neutra. Pra mudar cor, combine com uma classe de cor (ex.: bd-2 bd-mut).
Exemplos
Largura — bd-0 a bd-5 Ao vivo
bd-0
bd-1
bd-2
bd-3
bd-4
bd-5
<div class="bd-0">sem borda</div>
<div class="bd-1">1px</div>
<div class="bd-2">2px</div>
<div class="bd-3">3px</div>
<div class="bd-4">4px</div>
<div class="bd-5">5px</div>
<!-- cor herda; use .bd-mut / .bd-pri / etc. da camada de cor semântica -->
Lado único Ao vivo
bd-t
bd-r
bd-b
bd-l
<div class="bd-t">só em cima</div>
<div class="bd-r">só à direita</div>
<div class="bd-b">só embaixo</div>
<div class="bd-l">só à esquerda</div>
