Index: static/src/scss/components/_breadcrumb.scss |
=================================================================== |
--- a/static/src/scss/components/_breadcrumb.scss |
+++ b/static/src/scss/components/_breadcrumb.scss |
@@ -40,32 +40,32 @@ |
{ |
float: right; |
padding: 0.25em 0 0.25em 2em; |
} |
.breadcrumb li:after |
{ |
position: absolute; |
- top: 0.45em; /* Half height of li:after (1em / 2) minus 0.05em */ |
- right: 0.5em; /* Quarter space between li (2em / 4) */ |
- width: 1em; |
- height: 1em; |
- background-image: url(/dist/img/png/arrow-icon-right-gray.png); |
+ top: $x-small-space - 0.05em; /* Half height of li:after minus 0.05em */ |
+ right: $x-small-space; /* Quarter space between li */ |
+ width: $small-space; |
+ height: $small-space; |
+ background-image: url(/img/png/arrow-icon-right-gray.png); |
background-repeat: no-repeat; |
background-position: center; |
background-size: 0.6em 0.9em; |
content: ""; |
} |
[dir="rtl"] .breadcrumb li:after |
{ |
right: auto; |
- left: $lg / 4; |
- background-image: url(/dist/img/png/arrow-icon-left-gray.png); |
+ left: $small-space; |
+ background-image: url(/img/png/arrow-icon-left-gray.png); |
} |
.breadcrumb li:last-child:after |
{ |
content: none; |
} |
.breadcrumb li a |