This commit is contained in:
parent
dd6237ff4e
commit
267737854c
2 changed files with 8 additions and 8 deletions
|
@ -27,37 +27,37 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Navigation bar across all of the pages */
|
/* Navigation bar across all of the pages */
|
||||||
.navbar {
|
header nav {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar li {
|
header nav li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Maybe do this only with 'large' screens */
|
/* Maybe do this only with 'large' screens */
|
||||||
.navbar p::after {
|
header nav p::after {
|
||||||
content: "·";
|
content: "·";
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* breakpoint */
|
/* breakpoint */
|
||||||
@media only screen and (max-width: 640px) {
|
@media only screen and (max-width: 640px) {
|
||||||
.navbar p::after {
|
header nav p::after {
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar li:last-child p::after {
|
header nav li:last-child p::after {
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar a {
|
header nav a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--link-color);
|
color: var(--link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar a:hover {
|
header nav a:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{{#data}}{{#navbar}}
|
{{#data}}{{#navbar}}
|
||||||
<nav class="navbar">
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<!-- prettier-ignore -->
|
<!-- prettier-ignore -->
|
||||||
|
|
Loading…
Reference in a new issue