Fixed poor naming
This commit is contained in:
parent
3506d64c1d
commit
885b7087ff
|
@ -5,8 +5,8 @@
|
||||||
<link rel="stylesheet" type="text/css" href="styles/global.css">
|
<link rel="stylesheet" type="text/css" href="styles/global.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<img id="menu" src="/assets/plus.svg">
|
<img id="nav-btn" src="/assets/plus.svg">
|
||||||
<div id="header">
|
<div id="navbar">
|
||||||
<p id="logo">[Notoric]</p>
|
<p id="logo">[Notoric]</p>
|
||||||
<div id="nav">
|
<div id="nav">
|
||||||
<a href="projects.html">Projects</a>
|
<a href="projects.html">Projects</a>
|
||||||
|
|
|
@ -12,11 +12,11 @@ body {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu {
|
#nav-btn {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header {
|
#navbar {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -43,7 +43,7 @@ em {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header p {
|
#navbar p {
|
||||||
margin: 16px;
|
margin: 16px;
|
||||||
margin-inline: 0;
|
margin-inline: 0;
|
||||||
}
|
}
|
||||||
|
@ -211,7 +211,7 @@ em {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu {
|
#nav-btn {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -241,11 +241,11 @@ em {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu.expanded {
|
#nav-btn.expanded {
|
||||||
transform: rotate(225deg);
|
transform: rotate(225deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#header {
|
#navbar {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: calc(100vh - 120px);
|
height: calc(100vh - 120px);
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
@ -263,7 +263,7 @@ em {
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
}
|
}
|
||||||
|
|
||||||
#header.expanded {
|
#navbar.expanded {
|
||||||
transform: translateX(0);
|
transform: translateX(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue