]> git.immae.eu Git - github/bastienwirtz/homer.git/blob - docs/developement.md
Split documentation into separate files
[github/bastienwirtz/homer.git] / docs / developement.md
1 ## Developement
2
3 ```sh
4 # Using yarn (recommended)
5 yarn install
6 yarn serve
7
8 # **OR** Using npm
9 npm install
10 npm run serve
11 ```
12
13 ### Themes
14
15 Themes are meant to be simple customization (written in [scss](https://sass-lang.com/documentation/syntax)).
16 To addd a new theme, just add a file in the theme directory, and put all style in the `body #app.theme-<name>` scope. Then import it in the main style file.
17
18 ```scss
19 // `src/assets/themes/my-awesome-theme.scss`
20 body #app.theme-my-awesome-theme. { ... }
21 ```
22
23 ```scss
24 // `src/assets/app.scss`
25 // Themes import
26 @import "./themes/sui.scss";
27 ...
28 @import "./themes/my-awesome-theme.scss";
29 ```