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
.site-navigation ul
{
margin: 0;
margin: 0 auto;
/* ↓ same max-width as main container */
max-width: 34em;
padding: 0;
/* ↓ flex box to centre children */
display: flex;
flex-flow: row wrap;
flex-flow: row nowrap;
justify-content: center;
}
/* ↓ clearfix alternative to overflow: hidden; */
.site-navigation ul:after
{
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden;
}
.site-navigation li
{
float: left;
list-style-type: none;
margin: 0;
}
......@@ -112,7 +103,7 @@ body
display: block;
float: left;
font-size: 0.9em;
padding: 0.5em 1em;
padding: 0.5em 0.6em;
text-decoration: none;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
......@@ -122,6 +113,18 @@ body
-ms-transition: all background ease;
-o-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,
......@@ -132,11 +135,6 @@ body
border-bottom: none;
}
.site-navigation li.home
{
padding: 0;
}
.site-navigation a[aria-selected=true],
.reviews .site-navigation li.home 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