_exhibits_index.scss in blacklight-spotlight-3.0.0.alpha.3

- old
+ new

@@ -36,57 +36,33 @@
 }
 
 .exhibit-card-title {
   @extend .h5;
   @extend .text-center;
-
-  font-size: $h4-font-size;
-  line-height: 1.2;
-  margin-bottom: 10px;
-  margin-top: 10px;
 }
 
 .card-front {
   transform: rotateY(0deg);
   z-index: 2;
 
-  img {
-    height: $exhibit-card-image-size;
-    object-fit: cover;
-    width: 100%;
-  }
-
-  .exhibit-card-title {
-    @extend .h5;
-    padding-left: $padding-small-horizontal;
-    padding-right: $padding-small-horizontal;
-  }
-
   .unpublished {
     @extend .mx-auto;
-
     display: block;
     font-size: $font-size-base;
     margin-top: -1em;
     position: relative;
     width: 15ch;
   }
 }
 
 .card-back {
   box-shadow: $exhibit-card-shadow;
-  padding: 0 $exhibit-card-gutter;
   transform: rotateY(-180deg);
 
   .card-title {
-    @extend .h5;
-    @extend .text-center;
     border-bottom: 1px dotted $exhibit-card-border;
-    line-height: $headings-line-height;
-    margin-bottom: $padding-base-vertical;
     padding-bottom: $padding-base-vertical;
-    padding-top: $padding-base-vertical;
   }
 
   .subtitle {
     @extend .h5;
     @extend .text-center;
@@ -97,11 +73,11 @@
   .description {
     font-size: 0.75rem;
   }
 
   .visit-exhibit {
-    bottom: $exhibit-card-gutter;
+    bottom: 1rem;
     position: absolute;
   }
 }
 
 // between the small and medium breakpoints, reduce the size of the image by a little bit
@@ -113,40 +89,20 @@
   .exhibit-card,
   .card-face {
     height: $exhibit-card-height - $reduce-exhibit-card-image-size;
   }
 
-  .card-front,
-  .card-back {
-    img {
-      height: $exhibit-card-image-size - $reduce-exhibit-card-image-size;
-    }
+  // Cannot extend .btn-sm within a @media query
+  .center-btn .btn {
+    @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
   }
 }
 
 .center-btn {
   left: 50%;
   position: absolute;
 
   .btn {
     left: -50%;
     position: relative;
-  }
-}
-
-// For the medium breakpoint, reduce the max width of the .exhibit-card to align right-edge of row correctly
-@media (min-width: breakpoint-min("md")) and (max-width: breakpoint-max("lg")) {
-  .exhibit-card {
-
-    // each card is 3 columns wide
-    max-width: 3 * (map-get($container-max-widths, "lg") / $grid-columns) - 5px;
-  }
-}
-
-// For the small breakpoint, reduce the max width of the .exhibit-card to align right-edge of row correctly
-@media (min-width: breakpoint-min("sm")) and (max-width: breakpoint-max("md")) {
-  .exhibit-card {
-
-    // each card is 6 columns wide
-    max-width: 6 * (map-get($container-max-widths, "md") / $grid-columns) - 5px;
   }
 }