@yupma/ui-styles

YupMa UI Styles is a comprehensive base style library for the Mate design system. It provides a suite of CSS and SCSS files with tokens and classes that can easily be modified according to need. It provide modifier that you can use to create majestic UI for your product.

Installation

Install with Yarn:

yarn add @yupma/ui-styles

Install with npm:

npm install @yupma/ui-styles

Styles

YupMa UI Styles requires its styles to be imported to use in project properly. We currently have 1 stylesheet that need to be included in your project. The main stylesheet is (yupma_ui.scss).

You have two options to include those stylesheets:

• If you have a SCSS preprocessor setup, include the SCSS files in your own stylesheet:

@import '@yupma/ui-styles/lib/scss/yupma_ui';

• If you don't have a SCSS preprocessor setup, you can import the compiled CSS files directly:

@import '@yupma/ui-styles/lib/dist/index.css';

• CSS min version is also available

@import '@yupma/ui-styles/lib/dist/index.min.css';

or

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yupma/[email protected]/lib/dist/index.min.css">

The default font used is 'Roboto', sans-serif & 'Courier New', Courier, monospace.

What's New

[0.1.16] - [0.1.106]

• Added clasess for SCSS variables for easy use in html directly

[0.1.8] - [0.1.15]

• Update semantic tokens & css variables added

[0.1.6] - [0.1.7]

• Update color palette

• Initial beta release of @yupma/ui-styles
• SCSS & CSS both included in the package

License

This extension is licensed under the MIT License

Support

Please contact us at yupma.com/support for any feedback, suggestions, or reporting issues. Thanks for your support and feedback.

Acknowledgements

• This project is highly inspired by @Gitlab/UI