X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_gallery.scss;fp=assets%2Fsass%2Fcomponents%2F_gallery.scss;h=afaa29120e9f13958559d3782b7a01535c9fc908;hb=857826795354a7f12d4641111a455ceb4267732c;hp=3bf14856aabe48ccc4c3271e50644b1d0ff2f6e7;hpb=e4e9378f7e020e83c56d4802c16c67adf388d290;p=theme-danix.xyz.git

diff --git a/assets/sass/components/_gallery.scss b/assets/sass/components/_gallery.scss
index 3bf1485..afaa291 100644
--- a/assets/sass/components/_gallery.scss
+++ b/assets/sass/components/_gallery.scss
@@ -1,9 +1,22 @@
 	.gallery {
-		display: grid;
-		grid-template-columns: repeat(3, 1fr);
-		grid-gap: 20px;
-	}
-	.animate-fade {
-		animation: fadeIn 750ms ease-in-out;
+		.gallery-inner {
+			// masonry container
+			columns: 3;
+			@include breakpoint('<=medium') {
+				columns: 2;
+			}
+			@include breakpoint('<=small') {
+				columns: 1;
+			}
+			column-gap: 1.5em;
+			a.gallery-item {
+				display: inline-block;
+				width: 100%;
+				padding: 0;
+				margin: 0 1em 1em 0;
+				text-decoration: none;
+				border-bottom: none;
+			}
+		}
 	}
 	
\ No newline at end of file