docs: fix css for examples (#227)

qlik-oss · May 23, 2018 · c94235b · c94235b
1 parent 024f817
commit c94235b
Showing 1 changed file with 49 additions and 0 deletions.
diff --git a/website/static/css/custom.css b/website/static/css/custom.css
@@ -91,3 +91,52 @@ footer .sitemap {
   top: 1em;
 }
 
+.gallery {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -20px;
+}
+
+.cell {
+  flex: 1 1 auto;
+  flex-basis: 250px;
+  margin: 20px 20px 20px 0;
+}
+
+
+.card {
+  box-shadow: 0 0 12px rgba(200, 200, 200, 0.4);
+  box-sizing: border-box;
+  overflow: hidden;
+  font-size: 0.8em;
+  text-align: center;
+  transition: all 0.1s ease-out;
+  position: relative;
+  top: 0;
+}
+
+.card:hover {
+  box-shadow: 0 6px 24px rgba(200, 200, 200, 0.6);
+  top: -2px;
+}
+
+.card a {
+  display: flex;
+}
+.card a div {
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: 50%;
+  padding-top: 50%;
+  flex: 1 1 50%;
+}
+
+.card h3 {
+  font-weight: 400;
+  font-size: 1.2em;
+}
+
+.card .info {
+  padding: 10px;
+  text-align: left;
+}