58 lines
994 B
CSS
58 lines
994 B
CSS
/* ================= Breadcrumb Layout D ================= */
|
|
|
|
.__PFX__-bc-d{
|
|
margin:16px 0;
|
|
padding:12px;
|
|
background:var(--bg-soft-color);
|
|
border-radius:8px;
|
|
}
|
|
|
|
/* pills */
|
|
.__PFX__-bc-pill .pill{
|
|
display:inline-block;
|
|
padding:4px 10px;
|
|
border-radius:999px;
|
|
background:var(--bg-color);
|
|
margin-right:6px;
|
|
font-size:12px;
|
|
}
|
|
.__PFX__-bc-pill .active{
|
|
background:var(--primary-color);
|
|
color:#fff;
|
|
}
|
|
|
|
/* card */
|
|
.__PFX__-bc-card{
|
|
list-style:none;
|
|
display:flex;
|
|
gap:8px;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
.__PFX__-bc-card li{
|
|
padding:6px 10px;
|
|
background:var(--bg-color);
|
|
border-radius:6px;
|
|
}
|
|
|
|
/* step */
|
|
.__PFX__-bc-step{
|
|
display:flex;
|
|
gap:10px;
|
|
}
|
|
.__PFX__-bc-step .step{
|
|
padding:6px 10px;
|
|
background:var(--bg-color);
|
|
border-radius:4px;
|
|
}
|
|
.__PFX__-bc-step .active{
|
|
background:var(--primary-color);
|
|
color:#fff;
|
|
}
|
|
|
|
/* generic */
|
|
.__PFX__-bc-d a{
|
|
text-decoration:none;
|
|
color:var(--text-color);
|
|
}
|