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" /> <meta name="keywords" content="cutieguwu" />
</head> </head>
<body class="viewport"> <body class="viewport">
<nav class="navigation_pane"> <nav class="nav_pane">
<h2 class="navigation_logo">Cutieguwu</h2> <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="">HOME</a>
<a class="nav_title nav_body" href="#">ABOUT</a> <a class="nav_title nav_body" href="#">ABOUT</a>
<a class="nav_title nav_body" href="#">BEAROCK</a> <a class="nav_title nav_body" href="#">BEAROCK</a>

10
style.css
View File

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