Made top menu response, included code to stop tap overlays displaying on mobile devices

This commit is contained in:
Tim Stallard 2016-01-07 11:16:49 +00:00
parent 9e898dfcf2
commit 9a54f7bc25

View File

@ -30,12 +30,15 @@ body{
line-height: 1.1em; line-height: 1.1em;
background-size: 20px; background-size: 20px;
color: white; color: white;
border: 0.03em solid transparent; border: 1px solid transparent;
transition: background-color 300ms, border-color 300ms; transition: background-color 300ms, border-color 300ms;
margin-left: 0.1em; margin-left: 0.1em;
margin-right: 0.1em; margin-right: 0.1em;
text-align: center; text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@media(max-width: 400px){
font-size: 10.5vw;
}
&:hover, &.active{ &:hover, &.active{
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
} }