From 4b8b1b37f15805378badc012fdf49d447b36f1cf Mon Sep 17 00:00:00 2001
From: Dan Grebb <git@dgrebb.com>
Date: Sun, 28 Jan 2024 17:11:52 -0500
Subject: [PATCH] style(front): remove content container background
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

this was inconsistent. trying out zero background across all pages — this may have a performance benefit as well.
---
 front/src/lib/styles/components/post-hero.css | 8 --------
 front/src/lib/styles/global.css               | 4 ++--
 front/src/lib/styles/pages/category.css       | 8 ++++----
 front/src/lib/styles/pages/post.css           | 8 ++++----
 4 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/front/src/lib/styles/components/post-hero.css b/front/src/lib/styles/components/post-hero.css
index 13f06f8aa..43faadee1 100644
--- a/front/src/lib/styles/components/post-hero.css
+++ b/front/src/lib/styles/components/post-hero.css
@@ -71,9 +71,6 @@
 }
 
 @media screen and (min-width: 640px) {
-  .post {
-    margin-top: 1.5rem;
-  }
   .post-hero-wrap {
     height: 400px;
   }
@@ -83,11 +80,6 @@
 }
 
 @media screen and (min-width: 768px) {
-  .post {
-    margin-top: 3.5rem;
-    background: var(--content-bg-gradient), var(--bg-clr);
-    padding: 2.33rem;
-  }
   .post-hero-wrap {
     top: -5rem;
     left: 0;
diff --git a/front/src/lib/styles/global.css b/front/src/lib/styles/global.css
index e087f5dd2..a44d545da 100644
--- a/front/src/lib/styles/global.css
+++ b/front/src/lib/styles/global.css
@@ -178,7 +178,7 @@ a.scroll-top {
   }
 }
 
-@media screen and (min-width: 768px) {
+/* @media screen and (min-width: 768px) {
   .privacy,
   .post {
     box-shadow: var(--shadow-elevation-high);
@@ -190,4 +190,4 @@ a.scroll-top {
   .post::before {
     background: var(--rim-light-mask-bg);
   }
-}
+} */
diff --git a/front/src/lib/styles/pages/category.css b/front/src/lib/styles/pages/category.css
index bb0b0973d..653feee2f 100644
--- a/front/src/lib/styles/pages/category.css
+++ b/front/src/lib/styles/pages/category.css
@@ -198,13 +198,13 @@
   }
 }
 
-.category-posts-transition-container {
+/* .category-posts-transition-container {
   box-shadow: var(--shadow-elevation-low);
   background: var(--rim-light-bg), var(--bg-clr);
   &::before {
     background: var(--rim-light-mask-bg);
   }
-}
+} */
 
 @media screen and (min-width: 480px) {
   .transition-elastic-fly-container ul {
@@ -259,13 +259,13 @@
       float: left;
       width: 77%;
     }
-    .category-posts-transition-container {
+    /* .category-posts-transition-container {
       box-shadow: var(--shadow-elevation-high);
       background: var(--category-rim-light-bg), var(--bg-clr);
       &::before {
         background: var(--category-rim-light-mask-bg);
       }
-    }
+    } */
   }
 }
 
diff --git a/front/src/lib/styles/pages/post.css b/front/src/lib/styles/pages/post.css
index c49ac3550..fb052fca5 100644
--- a/front/src/lib/styles/pages/post.css
+++ b/front/src/lib/styles/pages/post.css
@@ -3,8 +3,8 @@
   position: relative;
   margin-top: 1.75rem;
   margin-left: 1rem;
-  border-radius: 0.77rem;
-  &::before {
+  /* border-radius: 0.77rem; */
+  /* &::before {
     position: absolute;
     mask:
       linear-gradient(3deg, #fff 0 0) content-box,
@@ -14,7 +14,7 @@
     border-radius: 0.77rem;
     padding: 1px 1px 0 0;
     content: '';
-  }
+  } */
 
   .post-article {
     position: relative;
@@ -495,7 +495,7 @@
 @media screen and (min-width: 768px) {
   .post {
     margin-top: 3.5rem;
-    background: var(--content-bg-gradient), var(--bg-clr);
+    /* background: var(--content-bg-gradient), var(--bg-clr); */
     padding: 2.33rem;
   }
   .post-article,