Adjust nav list <a>
styling
This commit is contained in:
parent
02175b5f08
commit
c50e9ca652
2 changed files with 9 additions and 4 deletions
|
@ -290,8 +290,6 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
|
||||||
padding-bottom: 0.25em;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
@ -392,7 +392,13 @@
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0.125em 0;
|
padding: 0.25em 0;
|
||||||
|
color: inherit;
|
||||||
|
|
||||||
|
@include breakpoint($large) {
|
||||||
|
padding-top: 0.125em;
|
||||||
|
padding-bottom: 0.125em;
|
||||||
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
@ -438,6 +444,7 @@
|
||||||
-webkit-transition: 0.5s ease-in-out;
|
-webkit-transition: 0.5s ease-in-out;
|
||||||
transition: 0.5s ease-in-out;
|
transition: 0.5s ease-in-out;
|
||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
|
overflow: visible;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
-webkit-transform: translate(0, 0);
|
-webkit-transform: translate(0, 0);
|
||||||
|
|
Loading…
Add table
Reference in a new issue