Adjust nav list <a>
styling
This commit is contained in:
parent
c50e9ca652
commit
3408e27fcf
2 changed files with 17 additions and 12 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 {
|
||||||
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue