Theme page.

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _author.scss

diff --git a/src/wolnelektury/static/2022/styles/layout/_author.scss b/src/wolnelektury/static/2022/styles/layout/_author.scss
index f88eb54..1156cdd 100644 (file)
--- a/src/wolnelektury/static/2022/styles/layout/_author.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_author.scss
@@ -62,19 +62,38 @@
     line-height: 150%;
     color: #474747;
   }
-  dd, dt {
-    font-weight: normal;
+  h4 {
     font-size: 18px;
     line-height: 150%;
-    color: #474747; 
+    font-weight: bolder;
+    color: #474747;
   }
+
+  ul {
+    padding: 0;
+    list-style: none;
+    margin-top: 0.25rem;
+    margin-bottom: 0;
+    li {
+      font-size: 18px;
+      line-height: 150%;
+      font-weight: normal;
+    }
+  }
+
   dt {
       float: left;
       clear: left;
       margin-right: .4em;
+      font-weight: normal;
+      font-size: 18px;
+      line-height: 150%;
   }
   dd {
       margin-left: 0;
+      font-weight: normal;
+      font-size: 18px;
+      line-height: 150%;
   }
 }
 
@@ -161,3 +180,42 @@
   max-width: 336px;
   outline: 0;
 }
+
+
+.l-author__header {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  border-bottom: 1px solid #D9D9D9;
+  padding-bottom: 22px;
+
+  figure {
+    padding: 0;
+    font-size: 0;
+    width: 40px;
+    height: 40px;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    margin: 0 12px 0 0;
+
+    img {
+      max-width: 100%;
+    }
+  }
+
+  h1 {
+    font-weight: $bold;
+    font-size: 37px;
+    line-height: 130%;
+    letter-spacing: -0.01em;
+    color: #083F4D;
+    margin: 0;
+
+    span {
+      font-weight: $regular;
+    }
+  }
+}