From 7cbed511be93f7baf05be5ac78124235c26aebc4 Mon Sep 17 00:00:00 2001 From: Henrik Hautakoski Date: Tue, 9 Aug 2022 21:00:24 +0200 Subject: [PATCH] app/assets/sass/layout/_masthead.scss: Adding logo to masthead. --- app/assets/sass/layout/_masthead.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/app/assets/sass/layout/_masthead.scss b/app/assets/sass/layout/_masthead.scss index 27e7fb2..b2c0cbd 100644 --- a/app/assets/sass/layout/_masthead.scss +++ b/app/assets/sass/layout/_masthead.scss @@ -1,11 +1,19 @@ .masthead { @extend .container; - display: block; + display: flex; + flex-direction: column; text-align: center; + align-items: center; padding-top: 2em; padding-bottom: 4em; + .logo { + background: url(#{$image-path}/logo.png) no-repeat; + height: 220px; + width: 200px; + } + h1, p { color: $text-light-color; text-shadow: $header-text-shadow;