17-007.md

date
Tue Oct 17 2017 21:10:49 GMT+1100 (AEDT)

minimum viable css component

completely arbitrary and useless :) but helpful to think through some different approaches:

.circle {
  width: var(--size);
  height: var(--size);
  border-radius: var(--size);
}

import circle from 'circle-css'

<div className={circle.name} style={circle.style('1rem')} />

<div {...circle.attr({ size: '1rem' })} />