@import "../../../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/mixins";

// Mixins
// --------------------------------------------------

// Utilities
@import "mixins/hide-text";
@import "mixins/opacity";
@import "mixins/image";
@import "mixins/labels";
@import "mixins/reset-filter";
@import "mixins/resize";
@import "mixins/responsive-visibility";
@import "mixins/size";
@import "mixins/tab-focus";
@import "mixins/reset-text";
@import "mixins/text-emphasis";
@import "mixins/text-overflow";
@import "mixins/vendor-prefixes";

// Components
@import "mixins/alerts";
@import "mixins/buttons";
@import "mixins/panels";
@import "mixins/pagination";
@import "mixins/list-group";
@import "mixins/nav-divider";
@import "mixins/forms";
@import "mixins/progress-bar";
@import "mixins/table-row";

// Skins
@import "mixins/background-variant";
@import "mixins/border-radius";
@import "mixins/gradients";

// Layout
@import "mixins/clearfix";
@import "mixins/center-block";
@import "mixins/nav-vertical-align";
@import "mixins/grid-framework";
@import "mixins/grid";

@mixin medium-weight {
  font-weight: $roboto-bold;
  html.fonts-loaded & {
    font-weight: $roboto-medium;
  }
  html[lang|="ar"].fonts-loaded &, html[lang|="fa"].fonts-loaded &, html[lang|="he"].fonts-loaded & {
    font-weight: $roboto-bold;
  }
}

// Button sizes
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
  padding: $padding-vertical $padding-horizontal;
  font-size: $font-size;
  line-height: $line-height;
  border-radius: $border-radius;
  .icon {
    width: $font-size;
    height: $font-size;
    vertical-align: middle;
    margin-right: 5px;
  }
  .ball-clip-rotate div {
    width: $font-size;
    height: $font-size;
  }
}

@mixin arrow-cta {
  position: relative;
  top: -1px;
  margin-left: 10px;
  content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("/headers/ilusion/"+ $assets-folder +"/dist/svg/icon-ownfill-ui-chevron-right-"+ $cta-chevron-color +".svg"), none;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}