From 775eef657e60d52df77c8373193f1c04e19d74b2 Mon Sep 17 00:00:00 2001 From: "Alexander \"Arav\" Andreev" Date: Wed, 23 Aug 2023 04:31:57 +0400 Subject: [PATCH] Removed id and classes from a logo. --- web/assets/css/main.css | 17 ++++++++--------- web/templates/base.jade | 6 +++--- 2 files changed, 11 insertions(+), 12 deletions(-) diff --git a/web/assets/css/main.css b/web/assets/css/main.css index d9e2992..d02bb31 100644 --- a/web/assets/css/main.css +++ b/web/assets/css/main.css @@ -76,24 +76,23 @@ header { flex-wrap: wrap; justify-content: space-between; } -#logo { - display: block; - width: 360px; } +header svg { width: 360px; } -#logo text { fill: var(--text-color); } +header svg text { fill: var(--text-color); } -#logo .logo { +header svg text:first-child { font-size: 2rem; font-variant-caps: small-caps; font-weight: bold; } +header svg text:last-child { font-size: .88rem; } + @media screen and (-webkit-min-device-pixel-ratio:0) { - #logo .logo { font-size: 2.082rem; } } + header svg text:first-child { font-size: 2.082rem; } } @-moz-document url-prefix() { - #logo .logo { font-size: 2rem; } } + header svg text:first-child { font-size: 2rem; } } -#logo .under { font-size: .88rem; } nav { margin-top: .5rem; } @@ -206,7 +205,7 @@ footer { @media screen and (max-width: 640px) { header { display: block; } - #logo { + header svg { margin: 0 auto; width: 100%; } diff --git a/web/templates/base.jade b/web/templates/base.jade index 64b5c2e..f46c2ed 100644 --- a/web/templates/base.jade +++ b/web/templates/base.jade @@ -13,9 +13,9 @@ html(lang='en') script(src='/assets/js/main.js' defer='') body header - svg#logo(viewBox='0 -25 216 40') - text.logo Arav's dwelling - text.under(y='11') Welcome to my sacred place, wanderer + svg(viewBox='0 -25 216 40') + text Arav's dwelling + text(y='11') Welcome to my sacred place, wanderer nav block nav block content