Dimando UI

Install

Run pnpm i

Variables

All variables for all components can be found here, use it as a reference for now.

dimando-ui\src\styles\_variables.scss

Theme file

Is the entry point for importing components and changing variables. Currently all the imports are comemented out in this file.

dimando-ui\src\styles\theme.scss

To add the panel for example first import in theme.scss:

@use './components/panel/panel.styles';

Then add the relevant variables like:

@use 'variables' as * with (
    $load-panel-vars: true,
    $number-of-panels: 2,
    $hover-panels: true,
);

Building css

To try out the components use the index.html file in static/index.html, and other html files as a reference. The theme file will be build with pnpm watch:scss.