export more CSS to enable more precise usage of CSS imports
This commit is contained in:
6
website/package-lock.json
generated
6
website/package-lock.json
generated
@@ -1483,9 +1483,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@gouvfr-lasuite/integration": {
|
||||
"version": "0.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@gouvfr-lasuite/integration/-/integration-0.1.1.tgz",
|
||||
"integrity": "sha512-92TGrofrhMnFEnUOoFekveDAafGP7sQLyFhaORgjJXJRIEFq4+HNqUt6uEvYYi2tkwsl/JPqfxbE/KbFigV+qA==",
|
||||
"version": "0.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@gouvfr-lasuite/integration/-/integration-0.1.2.tgz",
|
||||
"integrity": "sha512-hoKnEUw8WhZOJV43p0x2xmh2HVNV4RvDtSJq4QhAqbyH1pn3kDslxcwepzHmhOsUighLchalxi0nq8Lai/tNhA==",
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
|
||||
@@ -32,7 +32,7 @@ lettre, voici les points importants à retenir :
|
||||
visuel proposé,
|
||||
- elle doit permettre à l'utilisateur de se connecter à votre application,
|
||||
- elle doit afficher en fond de page
|
||||
[une des photos communes de La Suite](/reference/api#arrière-plan-de-page-daccueil)
|
||||
[une des photos communes de La Suite](/reference/api#arrière-plan-de-page-daccueil).
|
||||
|
||||
## Installation
|
||||
|
||||
@@ -46,7 +46,7 @@ vous l'utilisiez déjà ou non dans votre projet, un fichier CSS différent est
|
||||
Le fichier CSS à utiliser est :
|
||||
|
||||
```
|
||||
@gouvfr-lasuite/integration/dist/css/homepage-gaufre-dsfr.css
|
||||
@gouvfr-lasuite/integration/dist/css/homepage-full.css
|
||||
```
|
||||
|
||||
Si durant l'installation vous avez décidé de
|
||||
@@ -64,6 +64,14 @@ vous l'utilisiez déjà ou non dans votre projet, un fichier CSS différent est
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
|
||||
Si vous voulez finement gérer vos styles car vous utilisez le bouton Gaufre sur tout votre site, vous pouvez choisir parmi tous les fichiers CSS présents :
|
||||
|
||||
- `css/homepage-full.css` : contient l'extrait de DSFR nécessaire + les styles de la homepage + les styles de la gaufre,
|
||||
- `css/homepage-gaufre.css` : contient les styles de la homepage + les styles de la gaufre (sans DSFR),
|
||||
- `css/homepage.css` : contient les styles de la homepage (sans DSFR ni gaufre),
|
||||
- `css/gaufre.css` : contient les styles de la gaufre (sans DSFR ni homepage),
|
||||
- `css/required-dsfr.css` : contient l'extrait de DSFR nécessaire (rien d'autre),
|
||||
|
||||
### 2. JS
|
||||
|
||||
Pour faire fonctionner le bouton Gaufre présent en haut à droite de la page, il est nécessaire de
|
||||
|
||||
Reference in New Issue
Block a user