From 42633d9f8527591373c5bc1f11c5f8e21cc458f2 Mon Sep 17 00:00:00 2001 From: Said Achmiz Date: Tue, 11 Feb 2020 23:34:52 -0500 Subject: [PATCH] Mobile layout for nav UI --- assets/css/main.css | 22 ++++++++++++++++++++++ includes/main-nav.html | 19 +++++++++++++++---- 2 files changed, 37 insertions(+), 4 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index a7fecbb..79cf196 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -221,6 +221,28 @@ main nav a:active { transform: scale(0.9); } +/*=-------------------=*/ +/*= Nav items (text). =*/ +/*=-------------------=*/ + +@media only screen and (max-width: 520px) { + main nav a.text { + font-size: 0.625em; + padding-top: 0.375em; + } + main nav a.text::before { + content: attr(data-deus-icon); + display: block; + font-family: Font Awesome; + margin: auto; + text-align: center; + font-size: 1.75em; + } + main nav a + a { + margin-left: 1.5em; + } +} + /*=-------=*/ /*= Logo. =*/ /*=-------=*/ diff --git a/includes/main-nav.html b/includes/main-nav.html index 0f55b52..858da3a 100644 --- a/includes/main-nav.html +++ b/includes/main-nav.html @@ -1,10 +1,21 @@ + \ No newline at end of file