Circle Border
HTML
<div class="pa4 tc"> <img src="http://tachyons.io/img/logo.jpg" class="br-100 ba h3 w3 dib" alt="avatar"> </div>
css
.ba { border-style: solid; border-width: 1px; } .br-100 { border-radius: 100%; } .dib { display: inline-block; } .h3 { height: 4rem; } .w3 { width: 4rem; } .pa4 { padding: 2rem; } .tc { text-align: center; }
Css stats for this component
- Gzipped Size
- 161B
- Selectors
- 7
- Declarations
- 8
Install via npm Only installs the needed tachyons-modules for this component
npm i --save tachyons-borders tachyons-border-radius tachyons-display tachyons-heights tachyons-widths tachyons-spacing tachyons-text-align