website-astro/src/layouts/OffreLayout.astro

44 lines
984 B
Plaintext

---
import { astroI18n } from "astro-i18n";
astroI18n.init(Astro);
import "../styles/style.css";
import Head from "../components/Head.astro";
import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
const { pageTitle } = Astro.props;
---
<html lang={astroI18n.langCode} dir="ltr">
<Head pageTitle={pageTitle} />
<body class="offre-layout">
<div class="wrapper">
<!-- <Header /> -->
<main id="skip-content" role="main">
<slot />
</main>
</div>
<!-- <Footer /> -->
<style>
html {
--color-primary: rgb(255, 222, 223);
--color-secondary: rgb(150, 0, 13);
}
@supports (color: oklch(0% 0 0)) {
html {
--color-primary: oklch(92.9% 0.04480512547881144 16.3020144016784);
--color-secondary: oklch(42.3% 0.193 26.95);
}
}
.offre-layout {
background-color: var(--color-primary);
}
.offre-layout :global(*) {
color: var(--color-secondary);
}
</style>
</body>
</html>