Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit e3c6aa78 authored by Christophe Chaudier's avatar Christophe Chaudier :rocket:
Browse files

fix: split theme doc

parent 11d0d949
No related branches found
No related tags found
1 merge request!49Resolve "doc: add infima on readme"
Pipeline #5077 passed
This commit is part of merge request !49. Comments created here will be created in the context of that merge request.
......@@ -40,6 +40,10 @@ If you are using GitHub pages for hosting, this command is a convenient way to b
[Follow this doc](doc/sections.md).
## Update the theme
[Follow this doc](doc/theme.md).
## Three structure
```
......@@ -56,8 +60,7 @@ If you are using GitHub pages for hosting, this command is a convenient way to b
│ ├── css // global CSS
│ └── pages // pages Components
├── static // static directory
│ └── img // images folder
└── img // images folder
```
More details on Project structure:
......
......@@ -185,16 +185,3 @@ Un Composant peut avoir sa propre feuille de style CSS. Nous donnons le même no
Un composant peut également utiliser la feuille de style générale `custom.css`. Ce fichier regroupe les attributs de styles standard commun à tous le site.
Chaque feuille de style que l'on souhaite utiliser doit être importé dans le Composant.
## Infima pour le style
**Docusaurus** utilise [Infima](https://infima.dev/) pour générer du style intelligent : c'est un Framework de style.
Notre site utilise les styles d'**Infima** par défaut. Nous pouvons rappeler ces variables ou bien les remplacer. De plus, à noter que le **dark mode** est facilement géré dans notre CSS.
```css
html[data-theme='dark'] .menu__link {
color: var(--ifm-color-tonic-one);
}
```
Pour les couleurs, **Infima** utilise un nuancier sur [Colorbox](https://colorbox.io/).
\ No newline at end of file
doc/theme.md 0 → 100644
# Theme dans Docusaurus
## Infima pour le style
**Docusaurus** utilise [Infima](https://infima.dev/) pour générer du style intelligent : c'est un Framework de style.
Notre site utilise les styles d'**Infima** par défaut. Nous pouvons rappeler ces variables ou bien les remplacer. De plus, à noter que le **dark mode** est facilement géré dans notre CSS.
```css
html[data-theme='dark'] .menu__link {
color: var(--ifm-color-tonic-one);
}
```
Pour les couleurs, **Infima** utilise un nuancier sur [Colorbox](https://colorbox.io/).
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment