77 lines
1.3 KiB
CSS
77 lines
1.3 KiB
CSS
/* ========== 面包屑导航 — 对齐 zibll breadcrumb ========== */
|
|
.breadcrumb-nav {
|
|
font-size: 13px;
|
|
padding: 0 8px;
|
|
margin-bottom: 12px;
|
|
opacity: 0.6;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.breadcrumb-nav ol,
|
|
.breadcrumb-nav ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 0;
|
|
}
|
|
|
|
.breadcrumb-nav li {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.breadcrumb-nav li + li::before {
|
|
content: '/';
|
|
padding: 0 0 0 6px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.breadcrumb-nav a {
|
|
color: var(--color-ink-4, #999);
|
|
text-decoration: none;
|
|
transition: color 0.2s;
|
|
}
|
|
|
|
.breadcrumb-nav a:hover {
|
|
color: var(--color-primary, #f04494);
|
|
}
|
|
|
|
.breadcrumb-nav .current {
|
|
color: var(--color-ink-2, #4e5358);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.single-cover-con .breadcrumb-nav,
|
|
.single-cover-con .breadcrumb {
|
|
font-size: 13px;
|
|
margin: 5px 0 0 -6px;
|
|
opacity: unset;
|
|
}
|
|
|
|
/* 封面内面包屑 */
|
|
.single-cover-con .breadcrumb-nav {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.single-cover-con .breadcrumb-nav a {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.single-cover-con .breadcrumb-nav a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.single-cover-con .breadcrumb-nav .current {
|
|
color: #fff;
|
|
}
|
|
|
|
/* 移动端 */
|
|
@media (max-width: 767px) {
|
|
.breadcrumb-nav {
|
|
font-size: 12px;
|
|
}
|
|
}
|