27 lines
1.7 KiB
CSS
27 lines
1.7 KiB
CSS
.breadcrumb {
|
|
--home-icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4864 9.86333L10.9395 2.32036L10.4337 1.8145C10.3184 1.7 10.1625 1.63574 10.0001 1.63574C9.83762 1.63574 9.68175 1.7 9.56649 1.8145L1.51375 9.86333C1.39565 9.98097 1.30231 10.1211 1.23925 10.2754C1.17618 10.4297 1.14467 10.5951 1.14657 10.7618C1.15438 11.4493 1.72664 11.9981 2.41414 11.9981H3.24422V18.3594H16.7559V11.9981H17.6036C17.9376 11.9981 18.252 11.8672 18.4884 11.6309C18.6047 11.5149 18.6969 11.377 18.7596 11.2251C18.8223 11.0732 18.8543 10.9104 18.8536 10.7461C18.8536 10.4141 18.7227 10.0997 18.4864 9.86333ZM11.0938 16.9532H8.90633V12.9688H11.0938V16.9532ZM15.3497 10.5918V16.9532H12.3438V12.5C12.3438 12.0684 11.9942 11.7188 11.5626 11.7188H8.43758C8.00594 11.7188 7.65633 12.0684 7.65633 12.5V16.9532H4.65047V10.5918H2.77547L10.002 3.37114L10.4532 3.82231L17.2266 10.5918H15.3497Z' fill='%23222222'/%3E%3C/svg%3E%0A");
|
|
--caret: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.625L5.5 5L0.5 9.375' stroke='%23222222' stroke-width='1.25'/%3E%3C/svg%3E%0A");
|
|
|
|
.breadcrumb-wrap {
|
|
|
|
a {
|
|
display: flex;
|
|
font-size: 0.875em;
|
|
|
|
&:first-of-type {
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: var(--home-icon);
|
|
}
|
|
}
|
|
|
|
.caret {
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: var(--caret);
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
}
|
|
}
|
|
|
|
} |