_breadcrumbs.scss 880 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. @import "globals";
  2. /* BREADCRUMBS */
  3. div.breadcrumbs {
  4. font-size: 12px;
  5. font-weight: bold;
  6. text-transform: uppercase;
  7. line-height: $top-height;
  8. color: $top-text-color;
  9. padding: 10px 175px + 20px + 20px 10px 20px;
  10. visibility: hidden;
  11. white-space: nowrap;
  12. text-overflow: ellipsis;
  13. overflow: hidden;
  14. min-height: 32px;
  15. @include for-mobile {
  16. padding: 20px 20px 10px 20px;
  17. white-space: normal;
  18. text-overflow: clip;
  19. overflow: auto;
  20. }
  21. @include for-phone {
  22. padding: 10px;
  23. }
  24. &.initialized {
  25. visibility: inherit;
  26. }
  27. a {
  28. &, &:visited {
  29. color: $top-link-color;
  30. }
  31. &:focus, &:hover {
  32. color: $top-hover-link-color;
  33. }
  34. }
  35. }
  36. .breadcrumbs {
  37. &-separator {
  38. color: $top-separator-color;
  39. margin: 0 6px 0 6px;
  40. font-weight: bold !important;
  41. font-size: 15px;
  42. vertical-align: middle;
  43. }
  44. }