feat(Elife): Style social sharing icons

stencila · Apr 30, 2020 · de13cd0 · de13cd0
1 parent 67912e5
commit de13cd0
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/src/themes/elife/styles.css b/src/themes/elife/styles.css
@@ -191,6 +191,35 @@ main {
   }
 }
 
+.social-sharers {
+  display: flex;
+  justify-content: center;
+  height: 20px;
+}
+
+.social-sharer-link {
+  border-radius: 3px;
+  display: inline-block;
+  flex-grow: 0;
+  flex-shrink: 0;
+  margin-left: 8px;
+  margin-right: 8px;
+  fill: #fff;
+  stroke: none;
+  background-color: rgb(33, 33, 33);
+  text-align: center;
+
+  width: 24px;
+  height: 24px;
+  padding-top: 3px;
+  padding-bottom: 1px;
+
+  & > svg {
+    width: 16px;
+    height: 16px;
+  }
+}
+
 :--references {
   font-family: 'Noto Sans', Arial, Helvetica, sans-serif;