add nice heading placement

2020-02-18 01:53:58 +01:00
parent 6d079445b7
commit f66ee3c510
2 changed files with 18 additions and 2 deletions
--- a/src/css/layout/_header.scss
+++ b/src/css/layout/_header.scss
@ -4,10 +4,26 @@
  #header {
    top: 80px;
    position: absolute;
+    left: 50%;
+    transform: translate(-50%, 70px);
+
+    > h1 {
+      font-size: 60pt;
+      display: inline-block;
+      color: _palette(accent1);
+      margin: 0 0 0 40px;
+
+      &:first-child {
+        color: _palette(accent2);
+        margin: 0 0 0 10px;
+      }
+    }

    > #logo > img {
      height: 140pt;
      width: auto;
+      display: inline-block;
+      float: left;
    }
    /*
        @include breakpoint('<=xlarge') {