Ungol/blog
1
0
Fork 0
Code Issues Projects Releases Packages 1 Activity Actions

feat: add a navbar

Browse source
This commit is contained in:
Alexis Fourmaux 2025-05-15 02:51:00 +02:00
parent 186d0ecea0
commit 47dbe064de
5 changed files with 129 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

88
sass/parts/_navbar.scss Normal file
View file

@ -0,0 +1,88 @@
header {
background-color: var(--crust);
margin-bottom: 3rem;
;
}
nav {
display: flex;
max-width: var(--main-width);
margin-left: auto;
margin-right: auto;
align-items: center;
justify-content: space-between;
&>div {
vertical-align: middle;
a {
text-decoration: none;
}
ul {
list-style-type: none;
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
&.nav-title,
&.nav-menus,
&.nav-widgets,
&>ul>li {
display: inline-block;
}
&.nav-title {
font-size: 2rem;
font-weight: 100;
text-transform: uppercase;
a {
color: var(--text);
&:visited {
color: var(--text);
}
&:hover {
color: var(--text);
}
}
}
&.nav-menus {
a {
color: var(--text);
&:visited {
color: var(--text);
}
&:hover {
color: var(--subtext0);
}
}
li {
list-style-type: none;
padding: 0;
margin-left: .5rem;
margin-right: .5rem;
}
}
&.nav-widgets {
color: var(--text);
font-size: 1.5rem;
li {
margin-left: .5rem;
margin-right: .5rem;
}
}
}
}