@import '../_variables.scss';

@mixin font-icon($content: '', $icon-size: 1rem) {
  content: $content;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: $icon-size;
  font-family: 'ferui-design-icons' !important;
  width: $icon-size !important;
  height: $icon-size !important;
}

@mixin ng-select-single-input-with-label() {
  padding: $controls-padding 3rem $controls-padding $controls-padding;
  height: $default-control-height;
}

@mixin ng-select-input-with-label() {
  padding: calc(#{$controls-padding} * 2) 5rem $controls-padding $controls-padding !important;
  height: $default-control-height !important;
}

@mixin ng-select-input-without-label() {
  padding: $controls-padding 5rem $controls-padding $controls-padding !important;
  height: $default-control-height !important;
}

@mixin box-sizing() {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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