From: Andrew Engelbrecht <andrew@fsf.org>
Date: Mon, 29 Jul 2019 17:01:40 +0000 (-0400)
Subject: themed vendors listing page / view
X-Git-Url: https://vcs.fsf.org/?p=ryf-theme.git;a=commitdiff_plain;h=dbd9476ae5e8a4792e4a14063c5309c326577cee

themed vendors listing page / view
---

diff --git a/css/style.css b/css/style.css
index 43d3976..7018a39 100644
--- a/css/style.css
+++ b/css/style.css
@@ -173,6 +173,77 @@ a { transition: 0.3s; }
 }
 
 
+/* Vendors list */
+
+@media screen and (max-width: 767px) {
+  .vendors-list-row {
+    margin: 0px auto;
+  }
+
+  .vendors-list {
+    margin-bottom: 40px;
+    list-style: none;
+  }
+
+  .vendors-list .views-field-field-icon {
+    width: 220px;
+
+    margin: 0px auto 20px auto;
+  }
+
+  .vendors-list .views-field-field-icon img {
+    margin: 0 auto;
+  }
+
+  .vendors-list .views-field-name, .vendors-list .views-field-description__value {
+    max-width: 300px;
+    margin: 0 auto 10px auto;
+  }
+
+  .vendors-list .views-field-name {
+    font-weight: bold;
+    font-size: 18px;
+    text-align: center;
+  }
+
+}
+
+@media screen and (min-width: 768px) {
+  .vendors-list-row {
+    width: 600px;
+    margin: 0px auto;
+  }
+
+  .vendors-list {
+    list-style: none;
+    clear: left;
+  }
+
+  .vendors-list .views-field-field-icon {
+    width: 220px;
+    height: 220px;
+
+    margin-bottom: 40px;
+
+    float: left;
+  }
+
+  .vendors-list .views-field-field-icon img {
+    margin: 0 auto;
+  }
+
+  .vendors-list .views-field-name, .vendors-list .views-field-description__value {
+    margin-left: 300px;
+  }
+
+  .vendors-list .views-field-name {
+    margin-bottom: 10px;
+    font-weight: bold;
+    font-size: 18px;
+  }
+}
+
+
 /* Sidebars */