fix(docs): responsive css for posts layout

abelljs · Oct 19, 2023 · 3a2ab9c · 3a2ab9c
1 parent 8dec0c5
commit 3a2ab9c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/docs/client/global.scss b/packages/docs/client/global.scss
@@ -22,6 +22,7 @@
   --content-width-landing: 1200px;
   --content-width-posts: 1100px;
   --content-padding-horizontal: 100px;
+  --posts-padding-horizontal: 80px;
 
   --docsearch-primary-color: var(--blue-5) !important;
 }
@@ -279,6 +280,7 @@ a {
     --font-text-small-spacing: 0.03rem;
     --content-width-landing: 100%;
     --content-padding-horizontal: 64px;
+    --posts-padding-horizontal: 24px;
   }
 
 

diff --git a/packages/docs/client/posts.scss b/packages/docs/client/posts.scss
@@ -7,7 +7,7 @@ html, body {
 }
 
 main.content-padding {
-  padding: 50px 80px;
+  padding: 50px var(--posts-padding-horizontal);
   max-width: var(--content-width-posts);
   margin: auto;
 }