:global
Allows emitting global CSS styles without nesting.
Using :global Selector
nano.put('.foo', {
color: 'red',
':global': {
'.global_class': {
border: '1px solid red',
},
},
});.foo { color: red; }
.global_class { border: 1px solid red; }Using global() Function
nano.global({
'.global_class': {
border: '1px solid red',
},
});Installation
import { addon as addonGlobal } from 'nano-css/addon/global';
addonGlobal(nano);Last updated on