mobile view

roblib · Sep 16, 2021 · 44c6c06 · 44c6c06
1 parent 0bd532d
commit 44c6c06
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 30 deletions.
diff --git a/build/css/islandarchives.styles.css b/build/css/islandarchives.styles.css
diff --git a/build/css/islandarchives.styles.css.map b/build/css/islandarchives.styles.css.map
diff --git a/src/sass/components/_collection-views.scss b/src/sass/components/_collection-views.scss
@@ -1,4 +1,5 @@
-//@format
+1//@format
+
 
 .ia_root .l-content .islandora-pdf-object {
   > * {
@@ -129,20 +130,31 @@
     .view-content {
       //@include xy-grid-container;
       @include xy-grid;
-      @include xy-grid-layout(6, '.collection-tile--container');
+      @include xy-grid-layout(1, '.collection-tile--container');
+      @include breakpoint(medium) {
+        @include xy-grid-layout(2, '.collection-tile--container');
+      }
+      @include breakpoint(large) {
+        @include xy-grid-layout(4, '.collection-tile--container');
+      }
+      @include breakpoint(xxlarge) {
+        @include xy-grid-layout(6, '.collection-tile--container');
+      }
     }
   }
   @include card-container();
   padding: 4px;
   &--image {
     width: 100%;
   }
-  @include xy-gutters($gutter-position: left right bottom);
+  //@include xy-gutters($gutter-position: left right bottom);
   //height: 250px;
   &--image_container {
     width: 100%;
+    @include card-section;
   }
   &--title {
+    @include card-section;
     h4 {
       font-size: 1.1rem;
     }