Core rules and definitions for styles of Enonic applications.

npm install --save-dev enonic-admin-artifacts

Import the package from your .less file:

• webpack (using css-loader):

@import '~enonic-admin-artifacts';

• Default less or wrappers (like gulp):

@import '../node_modules/enonic-admin-artifacts/index';

Since less compiler can't manage links to node_modules, relative path to index file is needed.

Among colors and mixins, enonic-admin-artifacts package defines an important property @_COMMON_PREFIX in prefix.less to set unique class names for some common classes from:

.@{_COMMON_PREFIX}button {}; // => .xp-admin-common-button {}