style(front): remove content container background

this was inconsistent. trying out zero background across all pages — this may have a performance benefit as well.
dgrebb · Jan 28, 2024 · 4b8b1b3 · 4b8b1b3
1 parent 923084c
commit 4b8b1b3
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 18 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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,