Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

introducing innnerContent component

Browse Source
This commit is contained in:
Antoine M 2024-03-18 17:08:36 +01:00
parent ab577bfcb9
commit e947574415
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/css/App.scss
View File

@ -14,6 +14,7 @@
@import "./components/layout/Logo.scss"; @import "./components/layout/Logo.scss";
@import "./components/layout/Page-container.scss"; @import "./components/layout/Page-container.scss";
@import "./components/layout/EditorInnerContent.scss"; @import "./components/layout/EditorInnerContent.scss";
@import "./components/layout/InnerContent.scss";
@import "./components/layout/Footer.scss"; @import "./components/layout/Footer.scss";
@import "./components/ui/CountrySelect.scss"; @import "./components/ui/CountrySelect.scss";

26
src/assets/css/components/layout/InnerContent.scss Normal file
View File

@ -0,0 +1,26 @@
.inner-content {
@apply w-full px-4 md:px-8 pt-32 xl:p-32 pb-0;
width: 100%;
box-sizing: border-box;
.page-title {
@apply flex flex-col lg:flex-row gap-8 lg:items-end mb-12 text-white;
&__title {
@apply w-fit text-center;
}
&__span-construction {
@apply bg-construction text-slate-900 w-fit font-bold text-zuume
h-fit px-4 py-2 text-3xl font-bold text-zuume;
transform: rotate(-2deg) skew(-1deg);
white-space: nowrap;
}
}
h1 {
@apply text-8xl tracking-wide;
line-height: 0.8;
}
h2 {
@apply text-6xl mt-16;
}
}