Skip to Content

: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