Circle
HTML
<div class="pa4 tc">
<img
src="http://tachyons.io/img/logo.jpg"
class="br-100 h3 w3 dib" alt="avatar">
</div>
css
.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
- 140B
- Selectors
- 6
- Declarations
- 6
Install via npm Only installs the needed tachyons-modules for this component
npm i --save tachyons-border-radius tachyons-display tachyons-heights tachyons-widths tachyons-spacing tachyons-text-align