Skip to main content


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.

@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.