HXUI CSS

A pure css library based on the HXUI design system.

Installation

npm i @hxui/css-next

Usage - vanilla theming

Import uncompiled sass file to your project's style entry file.

@use '@hxui/css-next/src/hxn-config' with (
  $config: (
    settings: (
      icons-path: '~@hxui/css-next/dist/fonts/',
    ),
  )
);

Usage - custom theming

Import uncompiled sass file to your project's style entry file.

@use 'sass:meta';

@use '@hxui/css-next/src/hxn-config' with (
  $config: (
    settings: (
      icons-path: '~@hxui/css-next/dist/fonts/',
    ),
  )
);

@layer theme, reset, defaults, layouts, vendor, components, utilities;

@layer theme {
  @include meta.load-css('path/to/my/theme');
}
/* check out '@hxui/css-next/src/hxn-theme' for inspiration */

@layer reset {
  @include meta.load-css('@hxui/css-next/src/hxn-reset');
}

@layer defaults {
  @include meta.load-css('@hxui/css-next/src/hxn-defaults');
}

@layer layouts {
  @include meta.load-css('@hxui/css-next/src/hxn-layouts');
}

@layer components {
  @include meta.load-css('@hxui/css-next/src/hxn-components');
}

@layer utilities {
  @include meta.load-css('@hxui/css-next/src/hxn-utilities');
}

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT