@import 'theme';
@mixin full-color($color) {
  border-color: $color;
  background-color: $color;
}
@mixin link-button-color($color-button) {
  color: $color-button;
  font-weight: bolder;
  padding-bottom: 4px;
  cursor: pointer;
  border-bottom: 2px solid $color-button;
}
@mixin property-section-container($property-section-width) {
  .property-sections-container {
    width: $property-section-width;
  }
}
@mixin main-xs-bg($brand-mobile-main-bg-gradient-1,$brand-mobile-main-bg-gradient-2,$brand-mobile-main-bg-gradient-3,$brand-mobile-main-bg-gradient-4) {
  background-image: linear-gradient(to right, $brand-mobile-main-bg-gradient-1, $brand-mobile-main-bg-gradient-2 68%), linear-gradient($brand-mobile-main-bg-gradient-3, $brand-mobile-main-bg-gradient-4);
}
//https://github.com/angular/material2/blob/master/src/lib/core/theming/_theming.scss
@mixin knoks-theme($theme) {
  @include accent-button($theme);
  @include primary-button($theme);
  @include link-button($theme);
  @include primary-card($theme);
  @include default-card($theme);
  @include accent-card($theme);
  @include input-theme($theme);
  @include select-theme($theme);
  @include slider-theme($theme);
  @include radio-theme($theme);
  @include sidenav-theme($theme);
  @include section-heading-theme($theme);
  @include heading-theme($theme);
  @include links-theme($theme);
  @include list-theme($theme);
  @include small-icons($small-icon-size);
  /*components*/
  @include core-theme($theme);
  @include header-theme($theme);
  @include stepper-theme($theme);
}
@mixin section-title-small($margin-top:0.5em, $line-height:.8) {
  h2 {
    font-size: 25px;
    letter-spacing: -0.7px;
    margin-top: $margin-top;
    margin-bottom: .67em;
    line-height: $line-height;
  }

  span {
    font-size: 13px;
    white-space: nowrap;
  }
}
