Skip to content

Conversation

@BioSs54
Copy link
Contributor

@BioSs54 BioSs54 commented Sep 15, 2023

Mise en place d'une extension de classe sur le container

Mise en place d'une extension de classe sur le container

Signed-off-by: Mickaël  <mickael.ouillon@ac-bordeaux.fr>
Signed-off-by: Mickaël  <mickael.ouillon@ac-bordeaux.fr>
@garronej
Copy link
Collaborator

garronej commented Sep 16, 2023

Thank you for your contribution!
May I ask for wich organization are you using this toolkit?

Beside, I'm not sure it'll be very clear what container refers to. We usually add classes target when there
is a __xxx in the base classes.

Wouldn't it be an option for you to manually target the container from the body?

import { fr } from "@codegouvfr/react-dsfr";

<Header
    classes={{
        body: css({
            [`& .${fr.cx("fr-container")}`]: {
            // Or just "& .fr-container": {
                // Whatever style you want
            }
        })
    }}
/>

@garronej
Copy link
Collaborator

Oh, I see, you must be using tailwinds so this is not something that tou can easily do right?

@garronej garronej merged commit 596ed10 into codegouvfr:main Sep 17, 2023
garronej added a commit that referenced this pull request Sep 17, 2023
garronej added a commit that referenced this pull request Sep 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants