style.n2less 4.67 KB
(~'div#@{sliderid}') {
  .nextend-thumbnail-default,
  .nextend-thumbnail-inner {
    overflow: hidden;
  }

  .n2-ss-thumb-image {
    background-position: center center;
    background-size: cover;
    display: inline-block;
    width: 100%;
    height: auto;
  }

  .nextend-thumbnail-inner {
    width: 100%;
    height: 100%;
  }

  .nextend-thumbnail-button {
    position: absolute;
    z-index: 2;
    transition: all 0.4s;
    opacity: 0;
    cursor: pointer;
  }

  .nextend-thumbnail-vertical .nextend-thumbnail-button {
    left: 50%;
    margin-left: -13px !important;
  }

  .nextend-thumbnail-vertical .nextend-thumbnail-previous {
    top: -26px;
  }

  .nextend-thumbnail-vertical .nextend-thumbnail-previous.n2-active {
    top: 10px;
    opacity: 1;
  }

  .nextend-thumbnail-vertical .nextend-thumbnail-next {
    bottom: -26px;
  }

  .nextend-thumbnail-vertical .nextend-thumbnail-next.n2-active {
    bottom: 10px;
    opacity: 1;
  }

  .nextend-thumbnail-horizontal .nextend-thumbnail-button {
    top: 50%;
    margin-top: -13px !important;
    transform: rotateZ(-90deg);
  }

  .nextend-thumbnail-horizontal .nextend-thumbnail-previous {
    left: -26px;
  }

  .nextend-thumbnail-horizontal .nextend-thumbnail-previous.n2-active {
    left: 10px;
    opacity: 1;
  }

  .nextend-thumbnail-horizontal .nextend-thumbnail-next {
    right: -26px;
  }

  .nextend-thumbnail-horizontal .nextend-thumbnail-next.n2-active {
    right: 10px;
    opacity: 1;
  }

  .nextend-thumbnail-default .nextend-thumbnail-scroller {
    position: relative;
    float: left;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .nextend-thumbnail-horizontal .nextend-thumbnail-scroller {
    flex-direction: column;
  }

  .nextend-thumbnail-horizontal .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir {
    flex-direction: row;
  }

  .nextend-thumbnail-vertical .nextend-thumbnail-scroller {
    flex-direction: row;
  }

  .nextend-thumbnail-vertical .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir {
    flex-direction: column;
  }

  .nextend-thumbnail-scroller.n2-align-content-start {
    align-content: flex-start;
  }

  .nextend-thumbnail-scroller.n2-align-content-center {
    align-content: center;
  }

  .nextend-thumbnail-scroller.n2-align-content-end {
    align-content: flex-end;
  }

  .nextend-thumbnail-scroller.n2-align-content-space-around {
    align-content: space-around;
  }

  .nextend-thumbnail-scroller.n2-align-content-space-between {
    align-content: space-between;
  }

  .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir{
    align-content: inherit;
  }

  .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir.n2-align-content-start {
    justify-content: flex-start;
  }

  .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir.n2-align-content-center {
    justify-content: center;
  }

  .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir.n2-align-content-end {
    justify-content: flex-end;
  }

  .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir.n2-align-content-space-around {
    justify-content: space-around;
  }

  .nextend-thumbnail-scroller.nextend-thumbnail-invert-group-dir.n2-align-content-space-between {
    justify-content: space-between;
  }

  html[dir="rtl"] & .nextend-thumbnail-default .nextend-thumbnail-scroller {
    position: relative;
    float: right;
  }

  .nextend-thumbnail-default .nextend-thumbnail-scroller > div {
    position: relative;
    flex: 0 0 auto;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    cursor: pointer;
  }

  .nextend-thumbnail-default .nextend-thumbnail-scroller > div.n2-active {
    cursor: default;
  }

  .nextend-thumbnail-default .n2-ss-caption {
    display: inline-block;
    white-space: normal;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    overflow: hidden;
  }

  .nextend-thumbnail-default .n2-caption-overlay {
    position: absolute;
  }

  .nextend-thumbnail-default .n2-caption-overlay div {
    float: left;
    clear: left;
  }

  .nextend-thumbnail-horizontal .n2-ss-caption {
    display: block;
  }

  .nextend-thumbnail-vertical .n2-caption-after,
  .nextend-thumbnail-vertical .n2-caption-before {
    height: 100%;
  }
}