@codegouvfr/react-dsfr/fr/generatedFromCss/typography.js

French State Design System React integration library

// This file is generated automatically by scripts/build/cssToTs/cssToTs.ts, please don't edit.
import { breakpoints } from "../breakpoints";
export const typography = [
    {
        "selector": "h6",
        "style": {
            "fontWeight": 700,
            "fontSize": "1.125rem",
            "lineHeight": "1.5rem",
            "margin": "var(--title-spacing)",
            "color": "var(--text-title-grey)",
            [breakpoints.up("md")]: {
                "fontSize": "1.25rem",
                "lineHeight": "1.75rem"
            }
        }
    },
    {
        "selector": "h5",
        "style": {
            "fontWeight": 700,
            "fontSize": "1.25rem",
            "lineHeight": "1.75rem",
            "margin": "var(--title-spacing)",
            "color": "var(--text-title-grey)",
            [breakpoints.up("md")]: {
                "fontSize": "1.375rem",
                "lineHeight": "1.75rem"
            }
        }
    },
    {
        "selector": "h4",
        "style": {
            "fontWeight": 700,
            "fontSize": "1.375rem",
            "lineHeight": "1.75rem",
            "margin": "var(--title-spacing)",
            "color": "var(--text-title-grey)",
            [breakpoints.up("md")]: {
                "fontSize": "1.5rem",
                "lineHeight": "2rem"
            }
        }
    },
    {
        "selector": "h3",
        "style": {
            "fontWeight": 700,
            "fontSize": "1.5rem",
            "lineHeight": "2rem",
            "margin": "var(--title-spacing)",
            "color": "var(--text-title-grey)",
            [breakpoints.up("md")]: {
                "fontSize": "1.75rem",
                "lineHeight": "2.25rem"
            }
        }
    },
    {
        "selector": "h2",
        "style": {
            "fontWeight": 700,
            "fontSize": "1.75rem",
            "lineHeight": "2.25rem",
            "margin": "var(--title-spacing)",
            "color": "var(--text-title-grey)",
            [breakpoints.up("md")]: {
                "fontSize": "2rem",
                "lineHeight": "2.5rem"
            }
        }
    },
    {
        "selector": "h1",
        "style": {
            "fontWeight": 700,
            "fontSize": "2rem",
            "lineHeight": "2.5rem",
            "margin": "var(--title-spacing)",
            "color": "var(--text-title-grey)",
            [breakpoints.up("md")]: {
                "fontSize": "2.5rem",
                "lineHeight": "3rem"
            }
        }
    },
    {
        "selector": "p",
        "style": {
            "fontSize": "1rem",
            "lineHeight": "1.5rem",
            "margin": "var(--text-spacing)"
        }
    },
    {
        "selector": ".fr-text--light",
        "style": {
            "fontWeight": "300 !important"
        }
    },
    {
        "selector": ".fr-text--regular",
        "style": {
            "fontWeight": "400 !important"
        }
    },
    {
        "selector": ".fr-text--bold",
        "style": {
            "fontWeight": "700 !important"
        }
    },
    {
        "selector": ".fr-text--heavy",
        "style": {
            "fontWeight": "900 !important"
        }
    },
    {
        "selector": ".fr-display--xs",
        "style": {
            "fontWeight": "700 !important",
            "fontSize": "2.5rem !important",
            "lineHeight": "3rem !important",
            "margin": "var(--display-spacing)",
            [breakpoints.up("md")]: {
                "fontSize": "3rem !important",
                "lineHeight": "3.5rem !important"
            }
        }
    },
    {
        "selector": ".fr-display--sm",
        "style": {
            "fontWeight": "700 !important",
            "fontSize": "3rem !important",
            "lineHeight": "3.5rem !important",
            "margin": "var(--display-spacing)",
            [breakpoints.up("md")]: {
                "fontSize": "3.5rem !important",
                "lineHeight": "4rem !important"
            }
        }
    },
    {
        "selector": ".fr-display--md",
        "style": {
            "fontWeight": "700 !important",
            "fontSize": "3.5rem !important",
            "lineHeight": "4rem !important",
            "margin": "var(--display-spacing)",
            [breakpoints.up("md")]: {
                "fontSize": "4rem !important",
                "lineHeight": "4.5rem !important"
            }
        }
    },
    {
        "selector": ".fr-display--lg",
        "style": {
            "fontWeight": "700 !important",
            "fontSize": "4rem !important",
            "lineHeight": "4.5rem !important",
            "margin": "var(--display-spacing)",
            [breakpoints.up("md")]: {
                "fontSize": "4.5rem !important",
                "lineHeight": "5rem !important"
            }
        }
    },
    {
        "selector": ".fr-display--xl",
        "style": {
            "fontWeight": "700 !important",
            "fontSize": "4.5rem !important",
            "lineHeight": "5rem !important",
            "margin": "var(--display-spacing)",
            [breakpoints.up("md")]: {
                "fontSize": "5rem !important",
                "lineHeight": "5.5rem !important"
            }
        }
    },
    {
        "selector": ".fr-text--alt",
        "style": {
            "fontFamily": "\"Spectral\", georgia, serif !important"
        }
    },
    {
        "selector": ".fr-text--xs",
        "style": {
            "fontSize": "0.75rem !important",
            "lineHeight": "1.25rem !important",
            "margin": "var(--text-spacing)"
        }
    },
    {
        "selector": ".fr-text--sm",
        "style": {
            "fontSize": "0.875rem !important",
            "lineHeight": "1.5rem !important",
            "margin": "var(--text-spacing)"
        }
    },
    {
        "selector": ".fr-text--md",
        "style": {
            "fontSize": "1rem !important",
            "lineHeight": "1.5rem !important",
            "margin": "var(--text-spacing)"
        }
    },
    {
        "selector": ".fr-text--lg",
        "style": {
            "fontSize": "1.125rem !important",
            "lineHeight": "1.75rem !important",
            "margin": "var(--text-spacing)"
        }
    },
    {
        "selector": ".fr-text--xl",
        "style": {
            "fontSize": "1.25rem !important",
            "lineHeight": "2rem !important",
            "margin": "var(--text-spacing)"
        }
    },
    {
        "selector": ".fr-text--lead",
        "style": {
            "fontSize": "1.25rem !important",
            "lineHeight": "2rem !important",
            "margin": "var(--text-spacing)"
        }
    }
];
//# sourceMappingURL=typography.js.map