diff --git a/app/static/css/partials/_menu.scss b/app/static/css/partials/_menu.scss index bf2bc2e..c0225c0 100755 --- a/app/static/css/partials/_menu.scss +++ b/app/static/css/partials/_menu.scss @@ -2,23 +2,28 @@ .topnav { background-color: #333; position: relative; - height: 72px; - padding-left: var(--spacing-2); - padding-top: var(--spacing-2); + height: 68px; + padding: var(--spacing-2); + box-sizing: border-box; @media screen and (max-width: 799px) { - padding-left: 0; - padding-right: 0; + padding-top: calc(var(--spacing) * 1.6); + } + + @media screen and (min-width: 800px) { + display: flex; + align-items: flex-end; } nav { display: block; text-align: right; - margin-right: var(--spacing-2); @media screen and (max-width: 799px) { text-align: center; width: 100%; - margin-right: 0; - margin-top: var(--spacing-2); + margin-top: var(--spacing); + } + @media screen and (min-width: 800px) { + margin-left: auto; } } @@ -26,6 +31,7 @@ color: white; text-decoration: none; font-size: 17px; + margin-left: var(--spacing); &:hover { background-color: #ddd; @@ -45,3 +51,10 @@ } + +.title-text { + @media screen and (min-width: 800px) { + font-weight: 700; + padding-bottom: calc(var(--spacing) / 2); + } +} \ No newline at end of file diff --git a/app/static/css/partials/_text.scss b/app/static/css/partials/_text.scss index 16a0a09..8ae4c1f 100755 --- a/app/static/css/partials/_text.scss +++ b/app/static/css/partials/_text.scss @@ -32,6 +32,13 @@ font-style: italic; } +// Text: Global Classes + +.font-bold { + font-weight: 700; +} + + main > .texts { box-sizing: border-box; diff --git a/app/templates/base.html b/app/templates/base.html index 9b66b65..479fd9b 100755 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -14,7 +14,7 @@
-
+
Phantas.ma/polis: Looking Back to the Future