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">
|
||||
</head>
|
||||
<body>
|
||||
<img id="menu" src="/assets/plus.svg">
|
||||
<div id="header">
|
||||
<img id="nav-btn" src="/assets/plus.svg">
|
||||
<div id="navbar">
|
||||
<p id="logo">[Notoric]</p>
|
||||
<div id="nav">
|
||||
<a href="projects.html">Projects</a>
|
||||
|
|
|
@ -12,11 +12,11 @@ body {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
#menu {
|
||||
#nav-btn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#header {
|
||||
#navbar {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
|
@ -43,7 +43,7 @@ em {
|
|||
font-weight: 500;
|
||||
}
|
||||
|
||||
#header p {
|
||||
#navbar p {
|
||||
margin: 16px;
|
||||
margin-inline: 0;
|
||||
}
|
||||
|
@ -211,7 +211,7 @@ em {
|
|||
font-size: 30px;
|
||||
}
|
||||
|
||||
#menu {
|
||||
#nav-btn {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
@ -241,11 +241,11 @@ em {
|
|||
padding: 0px;
|
||||
}
|
||||
|
||||
#menu.expanded {
|
||||
#nav-btn.expanded {
|
||||
transform: rotate(225deg);
|
||||
}
|
||||
|
||||
#header {
|
||||
#navbar {
|
||||
flex-direction: column;
|
||||
height: calc(100vh - 120px);
|
||||
width: 100vw;
|
||||
|
@ -263,7 +263,7 @@ em {
|
|||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
#header.expanded {
|
||||
#navbar.expanded {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue