responsivewebframework/src/less/breadcrumb.less

Jalasoft Foundation Front End Framework ========================================

// Breadcrumb

nav[class="breadcrum"] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 11px 3px;
  &>ul {
    margin: 0;
    padding: 0;
  }

  &>ul>li {
    cursor: pointer;
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

  &>ul>li>a {
    position: relative;
    color: @secondary-color;
    cursor: pointer;
    font-family: @font-family-base-component;
    font-size: 14px;
    margin: 0;
    padding: 9px 25px 9px 0px;
    vertical-align: middle;

    &:after {
      font-family: jala-icons;
      position: absolute;
      content: @content-icon-next-bread;
      font-size: 15px;
      text-align: center;
      width: 16px;
      height: 16px;
      top: 7px;
      margin-left: 2px;
    }

    &:hover {
      color: @link-color;
      text-decoration: none;
    }
  }

  &>ul>li:hover {
    background: transparent;
  }
}