diff --git a/app/assets/stylesheets/header.css b/app/assets/stylesheets/header.css index 46a345d3c..59d94a0f3 100644 --- a/app/assets/stylesheets/header.css +++ b/app/assets/stylesheets/header.css @@ -82,13 +82,35 @@ .header__logo { color: var(--color-ink); + font-size: 1.2rem; inline-size: auto; margin-block-start: 0.1em; - img { + span { + background: var(--color-ink-lightest); block-size: auto; - inline-size: 1.15em; - margin-inline-end: 0.8ch; + border-radius: 0.3125em; + box-shadow: + 0 0 0 1px oklch(var(--lch-ink-darkest) / 0.1), + 0 0.1em 0.2em -0.1em oklch(var(--lch-ink-darkest) / 0.05), + 0 0.2em 0.4em -0.2em oklch(var(--lch-ink-darkest) / 0.05), + 0 0.3em 0.6em -0.3em oklch(var(--lch-ink-darkest) / 0.05) + ; + display: grid; + height: 1.5em; + inline-size: 1.5em; + padding: 0.325em 0.275em 0.225em 0.275em; + place-content: center; + width: 1.5em; + } + + svg { + height: 100%; + margin-inline-start: 0.4125em; + margin-inline-end: 0.5375em; + max-height: 0.8625em; + overflow: visible; + width: auto; } } diff --git a/app/views/layouts/public.html.erb b/app/views/layouts/public.html.erb index 2f1e2be3d..6fa51136f 100644 --- a/app/views/layouts/public.html.erb +++ b/app/views/layouts/public.html.erb @@ -6,9 +6,9 @@