nesting

nano.put('.foo', {
  '.bar, .baz': {
    color: 'red',
  },
});

.foo .bar, .foo .baz {
  color: red;
}

nano.put('.foo', {
  color: 'red',
  '&:hover': {
    color: 'blue',
  },
  '.global_class &': {
    color: 'green',
  },
});

.foo { color: red; }
.foo:hover { color: blue; }
.global_class .foo { color: green; }

import { addon as addonNesting } from 'nano-css/addon/nesting';
addonNesting(nano);