

// @enable

@mixin sl-toggle-scroll($enabled: true) {
  @if $enabled==true {
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    @include breakpoint(large) {
      overflow-y: auto;
    }
  }
  @else {
    overflow-y: hidden;
  }
}

@mixin sulo-flex-video {
  .flex-video {
    @include flex-video;

    &.widescreen {
      padding-bottom: flex-video(16 by 9);
      @include breakpoint(large) {
          padding-bottom: flex-video($flexvideo-ratio-widescreen);
        }
    }

    &.vimeo {
      padding-top: 0;
    }
  }
}

@mixin wrap-text-multiline($font-size: 1, $lines: 1) {
  overflow: hidden; 
  max-height: $font-size * $lines + rem;
  line-height: $font-size + rem;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; 
    // line-height: 1.2rem;
  text-overflow: ellipsis;
}

@mixin wrap-text() {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@mixin label-hollow {
  // $primary-color: map-get($foundation-palette, action);
  // @include foundation-button;
  .label.hollow {
    border: $global-border;
    font-weight: $global-weight-bold;
    @each $name, $color in $foundation-palette {
      &.#{$name} {
          border-color: $color;
          color: $color;
          background: $white;
        }
      }
    // margin: 0;
  }
}


