mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-06 19:19:19 +02:00
merge head/nav templates into unified head.php + header.php; semantic CSS for nav
This commit is contained in:
@@ -21,8 +21,12 @@
|
||||
/* font-family inherited from common.css body */
|
||||
}
|
||||
|
||||
/* Admin nav (dark version of site-nav) */
|
||||
.admin-nav {
|
||||
/* Admin header / nav */
|
||||
.admin-body header {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.admin-body header nav {
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
var(--admin-purple) 0%,
|
||||
@@ -32,10 +36,9 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 2.5rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.admin-nav__logo {
|
||||
.admin-body header nav > a {
|
||||
font-size: 0.88rem;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
@@ -44,8 +47,7 @@
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/* Nav link list */
|
||||
.admin-nav__list {
|
||||
.admin-body header nav ul {
|
||||
list-style: none;
|
||||
margin: 0 0 0 auto;
|
||||
padding: 0;
|
||||
@@ -54,7 +56,7 @@
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
.admin-nav__list a {
|
||||
.admin-body header nav ul a {
|
||||
font-size: 0.85rem;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
@@ -64,23 +66,23 @@
|
||||
transition: opacity 0.15s;
|
||||
}
|
||||
|
||||
.admin-nav__list a:hover,
|
||||
.admin-nav__list a[aria-current="page"] {
|
||||
.admin-body header nav ul a:hover,
|
||||
.admin-body header nav ul a[aria-current="page"] {
|
||||
opacity: 1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.admin-nav__list a[aria-current="page"] {
|
||||
.admin-body header nav ul a[aria-current="page"] {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
/* Logout link — visually subdued, last in list */
|
||||
.admin-nav__logout a {
|
||||
/* Logout — visually subdued */
|
||||
.admin-body header nav ul [data-nav-logout] a {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.admin-nav__logout a:hover {
|
||||
.admin-body header nav ul [data-nav-logout] a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
@@ -49,9 +49,13 @@ a:hover {
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
NAV BAR (shared across all public pages)
|
||||
HEADER / NAV BAR (public pages)
|
||||
============================================================ */
|
||||
.site-nav {
|
||||
header {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
header nav {
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
var(--purple) 0%,
|
||||
@@ -61,11 +65,9 @@ a:hover {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-shrink: 0;
|
||||
/* height: 3ch; */
|
||||
}
|
||||
|
||||
.site-nav__logo {
|
||||
header nav > a {
|
||||
font-family: "police1", sans-serif;
|
||||
font-size: 0.95rem;
|
||||
letter-spacing: 0.12em;
|
||||
@@ -75,7 +77,7 @@ a:hover {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.site-nav ul {
|
||||
header nav ul {
|
||||
display: flex;
|
||||
gap: 3rem;
|
||||
align-items: center;
|
||||
@@ -84,7 +86,7 @@ a:hover {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.site-nav ul a {
|
||||
header nav ul a {
|
||||
font-size: 0.85rem;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
@@ -94,11 +96,11 @@ a:hover {
|
||||
transition: opacity 0.15s;
|
||||
}
|
||||
|
||||
.site-nav ul a:hover {
|
||||
header nav ul a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.site-nav ul a[aria-current="page"] {
|
||||
header nav ul a[aria-current="page"] {
|
||||
opacity: 1;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
|
||||
padding-bottom: 1px;
|
||||
|
||||
Reference in New Issue
Block a user