From b7010c4559b85186b5ef62c07a3905ef6f6957c0 Mon Sep 17 00:00:00 2001
From: Mattia Simonato <mattiasimonato.w@gmail.com>
Date: Mon, 22 Apr 2024 11:32:35 +0200
Subject: [PATCH] feat(SLB): add containers style

---
 .../ui/src/components/Atoms/Container.css     | 40 +++++++++++++++++++
 packages/ui/src/tailwind.css                  |  5 ++-
 2 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 packages/ui/src/components/Atoms/Container.css

diff --git a/packages/ui/src/components/Atoms/Container.css b/packages/ui/src/components/Atoms/Container.css
new file mode 100644
index 000000000..8985bc6dc
--- /dev/null
+++ b/packages/ui/src/components/Atoms/Container.css
@@ -0,0 +1,40 @@
+.container-page {
+  @apply max-w-full px-[1.25rem] md:px-[3.75rem];
+}
+
+.container-content {
+  @apply mx-auto max-w-7xl;
+}
+
+.container-text {
+  @apply max-w-[40.75rem] xl:ml-[11rem] lg:ml-[7rem];
+}
+
+.nested-container .container-page {
+  @apply px-0 max-w-none;
+}
+
+.nested-container .container-content {
+  @apply max-w-none;
+}
+
+.nested-container .container-text {
+  @apply max-w-none ml-0 my-2.5 md:my-5;
+}
+
+.container-content-wrapper {
+  @apply mx-auto max-w-[62rem];
+}
+
+.nested-container .container-page:first-child .container-text,
+.nested-container .container-page:first-child .container-text *:first-child{
+  @apply mt-0;
+}
+.nested-container .container-page:last-child .container-text,
+.nested-container .container-page:last-child .container-text *:last-child {
+  @apply mb-0;
+}
+
+.container-nested .prose ul:not(ul ul), .container-nested .prose ol:not(ol ol) {
+  @apply mt-0;
+}
diff --git a/packages/ui/src/tailwind.css b/packages/ui/src/tailwind.css
index bd6213e1d..f9b68485a 100644
--- a/packages/ui/src/tailwind.css
+++ b/packages/ui/src/tailwind.css
@@ -1,3 +1,6 @@
+/* Import all atom stylesheets. */
+@import './components/Atoms/Container.css';
+
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
\ No newline at end of file
+@tailwind utilities;