chore(css): Remove large desktop media

1ilsang · Mar 27, 2024 · 4075267 · 4075267
1 parent f623579
commit 4075267
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 22 deletions.
diff --git a/src/features/styles/_utils.scss b/src/features/styles/_utils.scss
@@ -5,7 +5,8 @@
 @mixin root-container {
   height: auto;
   min-height: 100%;
-  margin: 0 10vw;
+  margin: auto;
+  max-width: 750px;
   padding: 10vh 0;
 }
 
@@ -27,12 +28,6 @@
   }
 }
 
-@mixin large-desktop {
-  @media (min-width: $large-desktop) {
-    @content;
-  }
-}
-
 @mixin i-mac {
   @media (min-width: $i-mac) {
     @content;

diff --git a/src/features/styles/_variables.scss b/src/features/styles/_variables.scss
@@ -3,7 +3,6 @@ $min-tablet: $mobile + 1;
 $tablet: 1023px;
 $min-desktop: 1024px;
 $desktop: 1399px;
-$large-desktop: 1400px;
 $i-mac: 2400px;
 $max-height: 8000px;
 $highlight-color: #30ffcb;

diff --git a/src/features/styles/ui/about/index.scss b/src/features/styles/ui/about/index.scss
@@ -22,11 +22,6 @@
 
   &-container {
     @include root-container;
-
-    @include large-desktop {
-      margin: 0 22vw;
-      padding: 10vh 0 5vh;
-    }
   }
 
   &-profile {

diff --git a/src/features/styles/ui/about/project.scss b/src/features/styles/ui/about/project.scss
@@ -71,10 +71,6 @@
 
     .image {
       width: 100%;
-
-      @include large-desktop {
-        width: 700px;
-      }
     }
 
     .text {

diff --git a/src/features/styles/ui/posts/common.scss b/src/features/styles/ui/posts/common.scss
@@ -5,11 +5,6 @@
 
 .post-container {
   @include root-container;
-
-  @include large-desktop {
-    margin: auto;
-    max-width: 750px;
-  }
 }
 
 .post-nav-trans {