Card styles

indigoxela · indigoxela · commit e758f485c576 · 2022-04-26T09:45:43.000+02:00
diff --git a/css/cards.css b/css/cards.css
@@ -0,0 +1,30 @@
+/* Home page cards */
+.block-views-promoted-cards-block {
+  max-width: none;
+}
+.view-promoted-cards {
+  padding: 0;
+  margin: 1rem 0 3rem;
+}
+.view-promoted-cards .views-view-grid {
+  gap: 3rem;
+}
+.view-promoted-cards .views-grid-box {
+  border: none;
+  padding: 0 0 1rem;
+  max-width: 800px;
+}
+.view-promoted-cards .views-field {
+  padding: 0 1rem;
+}
+.view-promoted-cards .views-field-field-image {
+  padding: 0;
+}
+@media (max-width: 1024px) {
+  .view-promoted-cards .views-view-grid {
+    display: block;
+  }
+  .view-promoted-cards .views-grid-box {
+    margin: 0 0 2rem;
+  }
+}
diff --git a/css/colors.css b/css/colors.css
@@ -275,3 +275,6 @@ td.active {
 .image-library-image {
   box-shadow: none;
 }
+.view-promoted-cards .views-grid-box {
+  background: #f8f8f8;
+}
diff --git a/lateral.info b/lateral.info
@@ -4,6 +4,7 @@ type = theme
 backdrop = 1.x
 
 stylesheets[all][] = css/base.css
+stylesheets[all][] = css/cards.css
 stylesheets[all][] = css/colors.css
 stylesheets[screen][] = css/maintenance.css
 

Original file line number	Diff line number	Diff line change
`@@ -275,3 +275,6 @@ td.active {`
`275`	`275`	`.image-library-image {`
`276`	`276`	`box-shadow: none;`
`277`	`277`	`}`
	`278`	`+.view-promoted-cards .views-grid-box {`
	`279`	`+ background: #f8f8f8;`
	`280`	`+}`