Commit cc0da76a authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Make navigation always on one-line and fit all viewports better

parent ea008c29
...@@ -81,27 +81,18 @@ body ...@@ -81,27 +81,18 @@ body
.site-navigation ul .site-navigation ul
{ {
margin: 0; margin: 0 auto;
/* ↓ same max-width as main container */
max-width: 34em;
padding: 0; padding: 0;
/* ↓ flex box to centre children */ /* ↓ flex box to centre children */
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row nowrap;
justify-content: center; justify-content: center;
} }
/* ↓ clearfix alternative to overflow: hidden; */
.site-navigation ul:after
{
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden;
}
.site-navigation li .site-navigation li
{ {
float: left;
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
} }
...@@ -112,7 +103,7 @@ body ...@@ -112,7 +103,7 @@ body
display: block; display: block;
float: left; float: left;
font-size: 0.9em; font-size: 0.9em;
padding: 0.5em 1em; padding: 0.5em 0.6em;
text-decoration: none; text-decoration: none;
-moz-transition: background 0.3s ease; -moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease; -ms-transition: background 0.3s ease;
...@@ -122,6 +113,18 @@ body ...@@ -122,6 +113,18 @@ body
-ms-transition: all background ease; -ms-transition: all background ease;
-o-transition: all background ease; -o-transition: all background ease;
transition: all background ease; transition: all background ease;
overflow-wrap: normal;
word-wrap: normal;
-ms-word-break: normal;
word-break: normal;
}
@media only screen and (min-width: 24em)
{
.site-navigation li a
{
padding: 0.5em 1em;
}
} }
.site-navigation li a:hover, .site-navigation li a:hover,
...@@ -132,11 +135,6 @@ body ...@@ -132,11 +135,6 @@ body
border-bottom: none; border-bottom: none;
} }
.site-navigation li.home
{
padding: 0;
}
.site-navigation a[aria-selected=true], .site-navigation a[aria-selected=true],
.reviews .site-navigation li.home a, .reviews .site-navigation li.home a,
.support .site-navigation li.support a .support .site-navigation li.support a
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment