From 5bfd611e7b3468ae38263388e2415d4bba94b0fc Mon Sep 17 00:00:00 2001 From: Anhgelus Morhtuuzh Date: Thu, 2 Oct 2025 16:59:29 +0200 Subject: feat(frontend): setup and rewrite style with scss --- frontend/scss/special.scss | 50 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 frontend/scss/special.scss (limited to 'frontend/scss/special.scss') diff --git a/frontend/scss/special.scss b/frontend/scss/special.scss new file mode 100644 index 0000000..1d92eb3 --- /dev/null +++ b/frontend/scss/special.scss @@ -0,0 +1,50 @@ +header { + max-width: var(--width-deco); + height: var(--height-header); + + margin: 0 auto var(--margin-header) auto; + padding-bottom: 2rem; + + display: flex; + flex-direction: row; + gap: 2rem; + + border-bottom: var(--color-light) 2px solid; + + @media only screen and (max-width: 600px) { + flex-direction: column; + height: auto; + min-height: var(--height-header); + & img { + width: max(33%, 128px); + margin: 0 auto; + } + } + + & nav { + display: flex; + flex-direction: column; + flex-wrap: wrap; + gap: 0.5rem; + + & a { + display: block; + + min-width: 8rem; + + font-family: monospace; + } + } +} + +footer { + max-width: var(--width-deco); + height: var(--height-header); + + margin: var(--margin-header) auto 0 auto; + padding-top: 2rem; + + border-top: var(--color-light) 2px solid; + + font-size: var(--font-size-tiny); +} \ No newline at end of file -- cgit v1.2.3