ben7sys/web7sys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gpu acceleration

Browse Source
This commit is contained in:
ben7sys
2024-11-17 06:40:03 +01:00
parent f41c3dd64a
commit 4330dfe0c7
5 changed files with 94 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/css/header.css
View File

@@ -10,8 +10,9 @@ header {
left: 0;
right: 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.7s ease, transform 0.7s ease, box-shadow 0.7s ease;
transition: var(--theme-transition), transform 0.7s ease, box-shadow 0.7s ease;
max-height: var(--header-height);
transform: var(--gpu-accelerated);
}
.header-content {
@@ -45,13 +46,14 @@ header {
display: flex;
gap: var(--spacing-lg);
align-items: center;
padding-top: 16px;
}
.nav-menu a {
color: var(--text);
text-decoration: none;
font-size: 1rem;
transition: color var(--transition-speed) ease;
transition: var(--theme-transition);
}
.nav-menu a:hover {
@@ -67,13 +69,20 @@ header {
display: flex;
align-items: center;
justify-content: center;
transition: color var(--transition-speed) ease;
transition: var(--theme-transition);
border-radius: var(--border-radius);
}
.theme-toggle:hover {
color: var(--primary);
}
.theme-toggle:focus-visible {
outline: 2px solid var(--primary);
outline-offset: 2px;
border-radius: var(--border-radius);
}
.mobile-menu-toggle {
display: none;
background: none;
@@ -82,4 +91,3 @@ header {
cursor: pointer;
padding: var(--spacing-sm);
}