Commit 1836a2e9 authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Add thicker border line to active navigation item compared to hover. Add very...

Add thicker border line to active navigation item compared to hover. Add very slight transition animation on hover. Closes #32
parent 9ee1aad9
Pipeline #55 skipped
......@@ -188,12 +188,27 @@ table td .units
.site-navigation ul li a:hover,
.site-navigation ul li a:active,
.site-navigation ul li a:focus,
.site-navigation ul li [aria-selected=true]
.site-navigation ul li a:focus
{
border-bottom: 1px solid #fff; /* white */
margin: 0 12px;
padding: 6px 0 5px 0; /* offset against width of border */
margin: 0 12px 1px 12px;
padding: 6px 0 2px 0; /* offset against width of border */
}
.site-navigation ul li a:hover
{
-webkit-transition: all 3ms ease-in;
-moz-transition: all 3ms ease-in;
-ms-transition: all 3ms ease-in;
-o-transition: all 3ms ease-in;
transition: all 3ms ease-in;
}
.site-navigation ul li [aria-selected=true]
{
border-bottom: 2px solid #fff; /* white */
margin: 0 12px 0 12px;
padding: 6px 0 2px 0; /* offset against width of border */
}
......
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