product-slider.scss

product-slider.scss

/* Слайдер товаров */
.product-slider {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
<<<<<<< HEAD
    li {
      display: table-cell;
      white-space: nowrap;
      list-style: none;
    }
    &--border {
      border-bottom: 1px solid $gray-f1;
    }
    &--justify,
    &--between {
      display: flex;
      /*justify-content: space-between;*/
      justify-content: flex-start;
      li {
        display: inline-block;

        &.product-slider__arrow {
          float: none;
        }
      }
    }
    &--between {
      justify-content: space-between;
    }
  }
  &__bar & {
    &__header,
    &__title {
      /*display: table-cell;*/
      display: inline-block;
      margin-left: 7px;
      margin-right: 15px;
      min-height: 28px;
      color: $gray-33;
      font-size: 22px;
      vertical-align: top;
      text-align: left;
      &--mobile {
        display: none;
      }
      &--ws {
        white-space: normal;
      }
    }
    &__header {
      font-weight: 600;
    }
  }
  &__category {
    /*display: table-cell;*/
    display: inline-block;
    width: 100%;
    /*height: 45px;*/
    margin: 0 10px 0 20px;
    padding: 0;
    //overflow-x: auto;
    //overflow-y: hidden;
    vertical-align: top;
    //@include scroll( $transparent, $transparent, $transparent);
    &:hover {
      @include scroll($gray-f0, $gray-90, $gray-66);
    }
    ul {
      display: block;
      margin: 0;
      padding: 0;
      font-size: 0;
      visibility: hidden;
      &.ng-scope {
        visibility: visible;
      }
      li {
        a {
          color: $pink;
          border: 1px solid $pink;
          padding: 12px 15px 11px;
          line-height: 15px;
          font-size: 15px;
          display: inline-block;
          border-radius: $border-radius;
          width: 100%;
          box-sizing: border-box;
          &.active {
            background: $gray-f5;
            border-color: $gray-f5;
            color: $gray-33;
            pointer-events: none;
          }
=======
    font-size: 0;
    opacity: 1;
    &__bar {
        /*display: table;*/
        display: block;
        position: relative;
        width: 100%;
        min-height: 32px;
        margin: 0;
        padding: 8px 5px 8px 0;
        /*overflow: hidden;*/
        /*clear: both;*/
        /*text-align: right;*/
        box-sizing: border-box;
        li {
            display: table-cell;
            white-space: nowrap;
            list-style: none;
        }
        &--border {
            border-bottom: 1px solid $gray-f1;
>>>>>>> prelive
        }
        &--justify {
            display: flex;
            /*justify-content: space-between;*/