ODE Bootstrap NEO is a theme based on ODE bootstrap framework. This theme is customisable through variables, so it is possible to create a new theme based on this one.
Install it by cloning the repository:
git clone https://github.com/opendigitaleducation/ode-bootstrap-neo.git
./build.sh clean initDev
initDev command will create a symlink with ode-bootstrap
Working with recette
, you can watch the SCSS files to copy them directly in the right folder.
yarn watch
Working on ode-react-ui
library, you can watch the SCSS files to copy them inside Storybook folder.
yarn watch:react
To override styles we use SCSS and CSS Variables.
// ode-bootstrap-neo > _treeview.scss
$selected-background-color: $blue-100;
.treeview {
--#{$prefix}selected-background-color: #{$selected-background-color};
}