_grid.scss in askclass-course-theme-0.5.0

- old
+ new

@@ -1,14 +1,11 @@
-$size-width: 180px;
-$size-height: 180px;
-
 ul.grid {
   list-style-type: none;
   padding-inline-start: unset;
   display: grid;
   grid-gap: 1rem;
-  grid-template-columns: repeat(auto-fit, minmax($size-width, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(var(--grid-width), 1fr));
   clear: both;
 
   li {
     position: relative;
     text-align: center;
@@ -17,8 +14,10 @@
     }
   }
   img {
     object-fit: cover;
     width: 100%;
-    height: $size-height;
+    height: var(--grid-image-height);
   }
 }
+
+@import "tab";