fix: move css for project_gallery into SCSS for project related styles

UCSD-E4E · Apr 25, 2024 · 31198c3 · 31198c3
1 parent 53ad7de
commit 31198c3
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 22 deletions.
diff --git a/_layouts/project_gallery.html b/_layouts/project_gallery.html
@@ -10,9 +10,9 @@ <h1 class="page-heading">{{ page.title }}</h1>
 
     <div class="project-gallery">
         {%- for project_data in page.blurbs -%}
-        <div class="project-container">
+        <div class="project-gallery_container">
             <a href={{ project_data.redict }}>
-                <img src="{{ project_data.photo | absolute_url }}" class="gallery_img" decoding="async"
+                <img src="{{ project_data.photo | absolute_url }}" class="project-gallery_img" decoding="async"
                     alt="">
             </a>
             <div description>
@@ -27,24 +27,4 @@ <h1 class="page-heading">{{ page.title }}</h1>
         </div>
         {%- endfor -%}
     </div>
-
-    <style>
-        .project-gallery {
-            display: flex;
-            flex: auto;
-            flex-direction: row;
-            flex-wrap: wrap;
-            justify-content: space-evenly;
-            gap: 10px;
-        }
-
-        .project-container {
-            width: 250px;
-        }
-
-        img {
-            width: 250px;
-            height: 250px;
-        }
-    </style>
 </div>
diff --git a/_sass/minima/_project.scss b/_sass/minima/_project.scss
@@ -50,6 +50,24 @@
     text-align: center;
 }
 
+.project-gallery {
+    display: flex;
+    flex: auto;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    gap: 10px;
+}
+
+.project-gallery_container {
+    width: 250px;
+}
+
+.project-gallery_img {
+    width: 250px;
+    height: 250px;
+}
+
 iframe {
     display: block;
     margin-left: auto;