diff options
author | Noah Loomans <noahloomans@gmail.com> | 2017-01-26 17:09:56 +0100 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2017-01-26 17:09:56 +0100 |
commit | 1c02ee2f5136fd56bb480344af59e735974697ff (patch) | |
tree | 043e2903929788aeefb92ed74ef299b9bc87cc25 /style/_header.scss | |
parent | 30763fce71e58248be4a5f2e3a43d2dc7d8410b5 (diff) |
Create new layout
Signed-off-by: Noah Loomans <noahloomans@gmail.com>
Diffstat (limited to 'style/_header.scss')
-rw-r--r-- | style/_header.scss | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/style/_header.scss b/style/_header.scss new file mode 100644 index 0000000..a5a33d4 --- /dev/null +++ b/style/_header.scss @@ -0,0 +1,48 @@ +header { + display: flex; + max-width: $page-width; + margin: 0 auto; + + .logo-container { + max-width: $page-width; + height: 100%; + margin: 0 auto; + position: fixed; + display: flex; + flex-direction: column; + + .dotted-line { + border-style: dotted; + border-image-source: url('/assets/dots.svg'); + border-image-slice: 33% 33%; + border-image-repeat: round; + border-width: 0 8px 0 0; + margin-top: 32px; + width: 50%; + flex-grow: 1; + } + } + + a { + text-decoration: none; + } + + .logo { + width: $logo-width; + height: $logo-width; + border-radius: 50%; + } + + .title { + padding-left: $logo-width + $page-padding-between; + height: $logo-width; + display: flex; + flex-direction: column; + justify-content: center; + + .name { + font-weight: bold; + font-size: 1.5em; + } + } +} |