First version

2020-05-22 11:13:09 +02:00
parent c1e35272ec
commit 8d48751a6c
65 changed files with 744 additions and 357 deletions
--- a/assets/css/header.sass
+++ b/assets/css/header.sass
@ -0,0 +1,72 @@
+// HEADER
+
+.header
+  // margin-top: 52px
+  background-color: $color-primary
+  color: white
+
+  a
+    color: white
+
+  .container
+    padding: 0 0 2rem
+    display: flex
+    align-items: center
+
+  .titleContainer
+    flex: 1
+    text-align: center
+    margin: 2rem 0 0 2rem
+
+  .logo
+    border-bottom-left-radius: 10px
+    border-bottom-right-radius: 10px
+    padding: 10px
+    background-color: white
+
+  h1
+    font-size: 3rem
+    line-height: 1.1
+    margin: 0
+    padding: 0
+
+  cite
+    font-size: 1.4rem
+
+
+@media screen and (max-width: 839px)
+  .header
+    margin-top: 0
+
+    .container
+        max-width: 680px
+        padding: 0
+
+    .titleContainer
+      padding: 0
+      margin: 1rem
+
+    .logoContainer
+      position: relative
+      margin: 1rem
+      top: 0
+
+    img
+      width: 100px
+      height: 100px
+      border-radius: 10px
+
+    h1
+      font-size: 2rem
+
+    cite
+      font-size: 1rem
+
+@media screen and (max-width: 599px)
+  .header
+    .container
+      align-items: flex-end
+    .titleContainer
+      display: none
+    .logoContainer
+      left: calc(50% - (152px / 2))