When you use Stylable, your classes are automatically namespaced to that stylesheet. Each stylesheet has a single root.

Manual Namespace

When you develop your application in Stylable, you can manually namespace classes so you can more easily identify them when they are displayed in the CSS output. You do this in your Stylable stylesheet by adding the syntax @namespace to provide better display names to your classes.

/* CSS */
@namespace "my-gallery";
.root { color: red; }
/* CSS output*/
.my-gallery__root { color: red; }

Because @namespace is not unique, the scoped name may still have a suffix added to it to make it unique.