responsivewebframework/src/less/timeline.less

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

// time line

ul.time-line {
  display: none;
}

ul.timeline {
  position: relative;
  width: 100%;
  height: @timeline-height;
  background-color: @timeline-background;
  display: inline-block;
  list-style: none;

  & li {
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    background-color: @timeline-point;
    top: -3px;

    &:hover {
      background-color: @timeline-point-hover;
    }
  }
}