// Can this be deleted?

//
// Sliders
// --------------------------------------------------

// Container for scroller and controls
.slider {
  overflow: hidden;

  // Inner container for scrolling content
  .slider-scroller {
    @approx-scrollbar-height: 20px;
    position: relative;
    padding-bottom: @approx-scrollbar-height;
    margin-bottom: -@approx-scrollbar-height;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    &::webkit-scrollbar {
      height: 0;
      width: 0;
    }
  }

  // Container for content
  .slider-content {
    display: table;
    table-layout: fixed;

    // Slider 'cell' element
    > * {
      display: table-cell;
      float: none;
      height: 100%;
    }

    &.nav {
      border-bottom: none;
      // Make all tabs full-height
      > li > a {
        height: 100%;
      }
      .navbar & {
        margin-top: 0;
        margin-bottom: 0;
      }
    }
  }

  // Slider controls for cycling through slider
  .slider-arrow {
    top: 0;
    height: 100%;
    display: none;

    .d-table {
      width: 100%;
    }
    .d-table,
    .d-table-cell {
      height: 100%;
    }

    &.slider-arrow-left {
      left: 0;
      .overflow-left& { display: block; }
    }
    &.slider-arrow-right {
      right: 0;
      .overflow-right& { display: block; }
    }
  }
}
