Adjust nav list <a> styling

This commit is contained in:
Michael Rose 2016-11-17 15:39:00 -05:00
parent c50e9ca652
commit 3408e27fcf
2 changed files with 17 additions and 12 deletions

View file

@ -290,8 +290,6 @@ nav {
} }
a { a {
display: block;
padding-bottom: 0.25em;
text-decoration: none; text-decoration: none;
} }

View file

@ -314,7 +314,7 @@
========================================================================== */ ========================================================================== */
.nav__list { .nav__list {
margin: 2em 0 1.5em 0; margin-bottom: 1.5em;
input[type="checkbox"], input[type="checkbox"],
label { label {
@ -385,18 +385,24 @@
input:checked + label:hover:after { input:checked + label:hover:after {
transform: rotate(0); transform: rotate(0);
} }
}
ul { ul {
margin-bottom: 1em; margin-bottom: 1em;
}
a {
display: block;
padding: 0.25em 0;
color: inherit;
@include breakpoint($large) {
padding-top: 0.125em;
padding-bottom: 0.125em;
} }
a { &:hover {
display: block; text-decoration: underline;
padding: 0.125em 0;
&:hover {
text-decoration: underline;
}
} }
} }
@ -439,6 +445,7 @@
transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
max-height: 100vh; max-height: 100vh;
opacity: 1; opacity: 1;
overflow: visible;
margin-top: 1em; margin-top: 1em;
-webkit-transform: translate(0, 0); -webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0); -ms-transform: translate(0, 0);