From 9ff831153fb2f5d73e7e676d2d0dca6210c10504 Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Sat, 18 Feb 2023 11:14:45 +0100 Subject: [PATCH] Prepare header and nav --- index.html | 21 +++++++++++++---- sass/style.scss | 63 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 79 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 95237dc..6bdd66e 100644 --- a/index.html +++ b/index.html @@ -9,15 +9,26 @@
- - +
+
+ + +
+ . +
+
+
-
To, co se děje u nich doma, nevidíte …
+
To, co se děje u nich doma, nevidíte …

… ale mají kolem sebe jiné svědky, kteří to bohužel vidí.

diff --git a/sass/style.scss b/sass/style.scss index 6f13e3e..f154be3 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -24,6 +24,12 @@ body { font-family: "moderat", sans-serif; } +.wrap { + max-width: 90rem; + margin: 0 auto; + padding: 0 1rem; +} + img { display: block; max-width: 100%; @@ -45,6 +51,63 @@ section { /* Specific */ +.intro { + header { + border-bottom: 1px solid #5D6E81; + margin-bottom: 4em; + .border-container { + display: flex; + align-items: center; + justify-content: space-between; + gap: 2rem; + border-width: 0 1px; + border-style: solid; + border-color: #5D6E81; + padding-left: 2rem; + } + + .logo { + height: 2rem; + } + + nav { + display: flex; + + a { + display: block; + padding: 2em 1.5em; + font-weight: bold; + text-decoration: none; + text-align: center; + color: #fff; + border-left: 1px solid #5D6E81; + + &:hover { + color: lighten($col-accent, 25%); + } + } + } + + .menu-button { + display: none; + } + } + + section { + max-width: 65%; + margin: 0 auto; + text-align: center; + + .title { + font-weight: bold; + font-size: 1.953rem; + } + p { + font-size: 1.25rem; + } + } +} + .checklist { display: flex; gap: 1em;