@scope (button.custom-button) { :scope { background: black; color: white; &[data-variant="primary"] { background: blue; } &[data-variant="secondary"] { background: gray; } }}
import { CustomButton } from './Button.mist' export const App = () => ( <CustomButton variant="primary">Save</CustomButton>)
Read docs β