@import './colors';
@import './variables';

@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin font-base {
  font-family: $font-family-odyssey, $system-font-stack;
  @include opentype-feature-discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@mixin font-size-h1 {
  font-size: 32px;
  line-height: 38px;
}

@mixin font-size-h2 {
  font-size: 22px;
  line-height: 28px;
}

@mixin font-size-h3 {
  font-size: 18px;
  line-height: 24px;
}

@mixin font-size-b1 {
  font-size: 16px;
  line-height: 22px;
}

@mixin font-size-b2 {
  font-size: 14px;
  line-height: 20px;
}

@mixin font-size-b3 {
  font-size: 12px;
  line-height: 16px;
}

@mixin font-size-small {
  font-size: 10px;
  line-height: 14px;
}

@mixin font-size-giga-desktop {
  font-size: 56px;
  line-height: 62px;
}

@mixin font-size-h1-desktop {
  font-size: 40px;
  line-height: 46px;
}

@mixin font-size-h2-desktop {
  font-size: 28px;
  line-height: 34px;
}

@mixin font-size-h3-desktop {
  font-size: 22px;
  line-height: 28px;
}

@mixin font-size-b1-desktop {
  font-size: 18px;
  line-height: 24px;
}

@mixin font-size-b2-desktop {
  font-size: 16px;
  line-height: 22px;
}

@mixin font-size-b3-desktop {
  font-size: 14px;
  line-height: 20px;
}

@mixin font-size-small-desktop {
  font-size: 12px;
  line-height: 16px;
}

@mixin font-size-small-print-desktop {
  font-size: 10px;
  line-height: 14px;
}

@mixin font-size-extra-small-print-desktop {
  font-size: 8px;
  line-height: 12px;
}

@mixin elevation-1($color: rgba($color-N800, 0.16)) {
  box-shadow: 0 2px 8px 0 $color;
}

@mixin elevation-2($color: rgba($color-N800, 0.1)) {
  box-shadow: 0 8px 16px 0 $color;
}

/* OpenType features */
@mixin opentype-feature-standard-ligatures {
  font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga' on;
}

@mixin opentype-feature-discretionary-ligatures {
  font-variant-ligatures: discretionary-ligatures;
  -moz-font-feature-settings: 'dlig';
  -webkit-font-feature-settings: 'dlig';
  font-feature-settings: 'dlig' on;
}

@mixin opentype-feature-case-sensitive-forms {
  -moz-font-feature-settings: 'case';
  -webkit-font-feature-settings: 'case';
  font-feature-settings: 'case' on;
}

@mixin opentype-feature-superscript {
  font-variant-position: super;
  -moz-font-feature-settings: 'sups';
  -webkit-font-feature-settings: 'sups';
  font-feature-settings: 'sups' on;
}

@mixin opentype-feature-subscript {
  font-variant-position: sub;
  -moz-font-feature-settings: 'subs';
  -webkit-font-feature-settings: 'subs';
  font-feature-settings: 'subs' on;
}

@mixin opentype-feature-tabular-figures {
  font-variant-numeric: tabular-nums;
  -moz-font-feature-settings: 'tnum';
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum' on;
}

@mixin opentype-feature-fractions {
  font-variant-numeric: diagonal-fractions;
  -moz-font-feature-settings: 'frac';
  -webkit-font-feature-settings: 'frac';
  font-feature-settings: 'frac' on;
}