Shidoka Foundation

Contributing to this project

Read the Contributing Guide here.

Using this library in another project

Install the package

npm install @kyndryl-design-system/shidoka-foundation -S

Import the root stylesheet to your app's global styles

The method used (SCSS @use, CSS @import, JS import, or <style> tag) will vary based on your framework/bundler. Some examples:

SCSS

@use '@kyndryl-design-system/shidoka-foundation/scss/root.scss';

CSS

@import '@kyndryl-design-system/shidoka-foundation/css/root.css';

JS

import '@kyndryl-design-system/shidoka-foundation/css/root.css';

Set a color scheme

More info on color schemes in the Foundation Storybook.

Use CSS tokens/variables

You can make use of tokens/variables included in Foundation to style your non-Shidoka elements.