Separate css & js into text variants

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
2024-09-12 13:38:41 +03:00
parent 7f53d88f50
commit 13337dbb66
18 changed files with 60 additions and 65 deletions
--- a/assets/css/common/author.css
+++ b/assets/css/common/author.css
@@ -0,0 +1,43 @@
+.gh-author-image {
+  width: 80px;
+  height: 80px;
+  margin-bottom: 2.4rem;
+  border-radius: 50%;
+}
+
+.gh-author-meta {
+  display: flex;
+  flex-direction: column;
+  margin-top: 2rem;
+}
+
+.gh-author-location {
+  margin-left: -4px;
+  color: var(--color-darker-gray);
+}
+
+.gh-author-website {
+  margin-top: 1.2rem;
+}
+
+.gh-author-social {
+  display: flex;
+  margin-top: 2.4rem;
+}
+
+.gh-author-facebook {
+  margin-left: 0.8rem;
+}
+
+@media (min-width: 768px) and (max-width: 1321px) {
+  .gh-author-meta {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .gh-author-website,
+  .gh-author-social {
+    margin-top: 0;
+    margin-left: 1.6rem;
+  }
+}