app/assets/stylesheets/spotlight/_pages.scss in blacklight-spotlight-0.2.0 vs app/assets/stylesheets/spotlight/_pages.scss in blacklight-spotlight-0.3.0
- old
+ new
@@ -238,13 +238,71 @@
}
}
}
}
+.item-grid-block {
+ .items-col {
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
+ align-content: stretch;
+
+ .box {
+ align-self: auto;
+ order: 1;
+ margin: auto;
+ flex: 0 1 25%;
+
+ .thumbnail {
+ border: 1px solid $gray-lighter;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+
+ a {
+ & > img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ overflow: hidden;
+ }
+ }
+
+ }
+
+ min-width: 25%;
+ height: 120px;
+ @media (min-width: $screen-lg-min) {
+ height: 135px;
+ }
+ padding: 5px;
+ }
+
+ .item-0 {
+ flex: 3 1 41%;
+ }
+
+ .item-2 {
+ flex: 2 1 33%;
+ }
+
+ .item-0, .item-1, .item-2 {
+ height: 220px;
+ order: 0;
+
+ @media (min-width: $screen-lg-min) {
+ height: 240px;
+ }
+ }
+
+ }
+}
+
.preview-btn, .preview-exit-btn {
float: left;
width: 100px;
}
-.avatar-missing {
+.missing-croppable {
display: none;
}