Cutieguwu/cutieguwu-site
1
0
Fork 0
Code Issues 10 Pull Requests Projects 1 Releases Activity

Clean up navigation CSS naming convention.

Browse Source
This commit is contained in:
Cutieguwu
2025-05-25 11:54:22 -04:00
parent aec6e093a3
commit b5bf49ec25
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -15,10 +15,10 @@
<meta name="keywords" content="cutieguwu" />
</head>
<body class="viewport">
<nav class="navigation_pane">
<h2 class="navigation_logo">Cutieguwu</h2>
<nav class="nav_pane">
<h2 class="nav_logo">Cutieguwu</h2>
<div class="navigation_menu">
<div class="nav_menu">
<a class="nav_title nav_body" href="">HOME</a>
<a class="nav_title nav_body" href="#">ABOUT</a>
<a class="nav_title nav_body" href="#">BEAROCK</a>

10
style.css
View File

@@ -17,7 +17,7 @@
grid-auto-flow: column;
}
.navigation_pane {
.nav_pane {
padding: 1em;
gap: 1em;
width: fit-content;
@@ -26,14 +26,14 @@
float: left;
}
.navigation_logo {
.nav_logo {
color: lightpink;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
height: fit-content;
}
.navigation_menu {
.nav_menu {
min-width: fit-content;
display: grid;
grid-auto-flow: row;
@@ -54,7 +54,7 @@
transition: 0s ease-in;
}
.navigation_menu .nav_title {
.nav_menu .nav_title {
padding-left: 1cqw;
padding-right: 1cqw;
text-decoration: none;
@@ -66,7 +66,7 @@
float: left;
}
.navigation_menu .nav_title:hover {
.nav_menu .nav_title:hover {
color: darkviolet;
transition: 0s ease-in;
}