Tachyons

borders

borders

.bn.bn { border-style: solid; border-width: 0 }
.ba { border-style: solid; border-width: 1px }
.bt { border-top-style: solid; border-top-width: 1px }
.br { border-right-style: solid; border-right-width: 1px }
.bb { border-bottom-style: solid; border-bottom-width: 1px }
.bl { border-left-style: solid; border-left-width: 1px }
.bda { border-style: dotted; border-width: 1px }
.bdt { border-top-style: dotted; border-top-width: 1px }
.bdr { border-right-style: dotted; border-right-width: 1px }
.bdb { border-bottom-style: dotted; border-bottom-width: 1px }
.bdl { border-left-style: dotted; border-left-width: 1px }

border colors

.b--black { border-color: #000 }
.b--near-black { border-color: #111 }
.b--dark-gray { border-color: #333 }
.b--mid-gray { border-color: #555 }
.b--gray { border-color: #777 }
.b--silver { border-color: #999 }
.b--light-silver { border-color: #aaa }
.b--light-gray { border-color: #eee }
.b--near-white { border-color: #f4f4f4 }
.b--white { border-color: #fff }
.b--white-10 { border-color: rgba(255, 255, 255, 0.1) }
.b--white-25 { border-color: rgba(255, 255, 255, 0.25) }
.b--white-50 { border-color: rgba(255, 255, 255, 0.5) }
.b--white-75 { border-color: rgba(255, 255, 255, 0.75) }
.b--black-10 { border-color: rgba(0, 0, 0, 0.1) }
.b--black-25 { border-color: rgba(0, 0, 0, 0.25) }
.b--black-50 { border-color: rgba(0, 0, 0, 0.5) }
.b--black-75 { border-color: rgba(0, 0, 0, 0.75) }
.b--blue { border-color: #0074D9 }
.b--light-blue { border-color: #64a8ff }
.b--lightest-blue { border-color: #a2dfff }
.b--dark-blue { border-color: #0045a1 }
.b--darkest-blue { border-color: #002f86 }
.b--yellow { border-color: #fff93c }
.b--light-yellow { border-color: #fffa60 }
.b--lightest-yellow { border-color: #fffca6 }
.b--dark-yellow { border-color: #e2c100 }
.b--darkest-yellow { border-color: #c4a600 }
.b--orange { border-color: #FF851B }
.b--light-orange { border-color: #ffa942 }
.b--lightest-orange { border-color: #ffc55d }
.b--dark-orange { border-color: #d05e00 }
.b--darkest-orange { border-color: #b14400 }
.b--red { border-color: #d82c2c }
.b--light-red { border-color: #f94f44 }
.b--lightest-red { border-color: #ff6c5c }
.b--dark-red { border-color: #bd001a }
.b--darkest-red { border-color: #9d0003 }
.b--teal { border-color: #27bfa8 }
.b--light-teal { border-color: #4eddc5 }
.b--lightest-teal { border-color: #6ffae0 }
.b--dark-teal { border-color: #25a28f }
.b--darkest-teal { border-color: #008876 }
.b--green { border-color: #3D9970 }
.b--light-green { border-color: #5ab48a }
.b--lightest-green { border-color: #75d0a4 }
.b--dark-green { border-color: #1e7f58 }
.b--darkest-green { border-color: #006540 }
.b--pink { border-color: #F012BE }
.b--light-pink { border-color: #ff57e8 }
.b--lightest-pink { border-color: #ff81ff }
.b--dark-pink { border-color: #d100a3 }
.b--darkest-pink { border-color: #b20088 }
.b--purple { border-color: #980bc6 }
.b--light-purple { border-color: #b536e2 }
.b--lightest-purple { border-color: #d355ff }
.b--dark-purple { border-color: #7b00a9 }
.b--darkest-purple { border-color: #5f008e }

border radius

.brn { border-radius: 0 }
.br1 { border-radius: 0.125rem }
.br2 { border-radius: 0.25rem }
.br3 { border-radius: 0.5rem }
.br4 { border-radius: 1rem }
.br5 { border-radius: 2rem }
.br-circ { border-radius: 9999px }
.br-100 { border-radius: 100% }

border style

.bs-none { border-style: none }
.bs-dotted { border-style: dotted }
.bs-solid { border-style: solid }

border widths

.bw0 { border-width: 0 }
.bw1 { border-width: 0.125rem }
.bw2 { border-width: 0.25rem }
.bw3 { border-width: 0.5rem }
.bw4 { border-width: 0.75rem }
.bw5 { border-width: 1rem }