84 lines
1.3 KiB
CSS
84 lines
1.3 KiB
CSS
/* ================= Breadcrumb Layout A ================= */
|
||
|
||
.__PFX__-bc-a{
|
||
margin:10px 0;
|
||
font-size:13px;
|
||
line-height:1.6;
|
||
color:var(--text-muted-color);
|
||
|
||
/* 关键：横向导航 */
|
||
display:flex;
|
||
align-items:center;
|
||
flex-wrap:wrap;
|
||
gap:6px;
|
||
}
|
||
|
||
/* 所有直接子容器都横向 */
|
||
.__PFX__-bc-a > *{
|
||
display:flex;
|
||
align-items:center;
|
||
flex-wrap:wrap;
|
||
gap:6px;
|
||
}
|
||
|
||
/* 重置 ol / ul */
|
||
.__PFX__-bc-a ol,
|
||
.__PFX__-bc-a ul{
|
||
display:flex;
|
||
align-items:center;
|
||
flex-wrap:wrap;
|
||
gap:6px;
|
||
list-style:none;
|
||
padding:0;
|
||
margin:0;
|
||
}
|
||
|
||
/* li 横向 */
|
||
.__PFX__-bc-a li{
|
||
display:flex;
|
||
align-items:center;
|
||
gap:6px;
|
||
}
|
||
|
||
/* 分隔符（li::after 方案） */
|
||
.__PFX__-bc-a li::after{
|
||
content:"/";
|
||
margin-left:6px;
|
||
color:var(--text-muted-color);
|
||
}
|
||
|
||
.__PFX__-bc-a li:last-child::after{
|
||
content:"";
|
||
}
|
||
|
||
/* 链接样式 */
|
||
.__PFX__-bc-a a{
|
||
color:var(--text-muted-color);
|
||
text-decoration:none;
|
||
white-space:nowrap;
|
||
}
|
||
|
||
/* 当前节点 */
|
||
.__PFX__-bc-a strong,
|
||
.__PFX__-bc-a em,
|
||
.__PFX__-bc-a span{
|
||
color:var(--text-color);
|
||
font-style:normal;
|
||
white-space:nowrap;
|
||
}
|
||
|
||
/* inline variant（你原来的，保留） */
|
||
.__PFX__-bc-inline{
|
||
display:flex;
|
||
gap:6px;
|
||
}
|
||
|
||
/* 紧凑 / SEO */
|
||
.__PFX__-bc-a.compact{
|
||
font-size:12px;
|
||
}
|
||
|
||
.__PFX__-bc-a.seo{
|
||
font-weight:500;
|
||
}
|