From e947574415fa1258b03182b52b8756839466ae3a Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Mon, 18 Mar 2024 17:08:36 +0100
Subject: [PATCH] introducing innnerContent component

---
 src/assets/css/App.scss                       |  1 +
 .../css/components/layout/InnerContent.scss   | 26 +++++++++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 src/assets/css/components/layout/InnerContent.scss

diff --git a/src/assets/css/App.scss b/src/assets/css/App.scss
index bad8393..5050aab 100644
--- a/src/assets/css/App.scss
+++ b/src/assets/css/App.scss
@@ -14,6 +14,7 @@
 @import "./components/layout/Logo.scss";
 @import "./components/layout/Page-container.scss";
 @import "./components/layout/EditorInnerContent.scss";
+@import "./components/layout/InnerContent.scss";
 @import "./components/layout/Footer.scss";
 
 @import "./components/ui/CountrySelect.scss";
diff --git a/src/assets/css/components/layout/InnerContent.scss b/src/assets/css/components/layout/InnerContent.scss
new file mode 100644
index 0000000..517b9fc
--- /dev/null
+++ b/src/assets/css/components/layout/InnerContent.scss
@@ -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;
+	}
+}