// #### VARIABLES ####

// Grayscale
$black: #222;
$darkestGray: #444;
$blankStateGray: #666;
$darkerGray: #777;
$darkGray: #aaa;
$gray: #ccc;
$borderGray: #dfdfdf;
$lightGray: #e5e5e5;
$lighterGray: #efefef;
$lightestGray: #f7f7f7;
$white: #fff;

// Blues
$logoBlue: #009ade;
$blueGray: #6a6e75;
$lighterBlueGray: #6a6e75;
$selectionBackground: #b3d4fc;
$linkColor: #2e8ad0;
$bodyFontColor: $darkestGray;
$darkBlue: #1fa3ec;

// Other Colors
$successColor: #2aa828;
$errorColor: #c12f2e;
$alertColor: $errorColor;
$blueHighlight: #eaf3fa;
$mintHighlight: #e7f9e7;
$questionTextColor: #297cbb;
$purpleBlue: #6188f5;

// Corner radius
$radius: 3px;

// Bold font weight
$bold: 600;

// Typography
$fontSize: 14;

// #### MIXINS ####

@mixin font-smoothing() {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@mixin ninety_wrapper() {
  margin: 0 auto;
  width: 90%;
  max-width: 1150px;
  position: relative;
}

@mixin icon($unicode_id) {
  content: $unicode_id;
  font-family: 'FontAwesome';
}

@mixin user_pic($size: 25) {
  width: $size * 1px;
  border-radius: 50%;
  border: 1px solid $gray;
}

@mixin border_top_radius($radius) {
  border-top-left-radius: $radius;
  border-top-right-radius: $radius;
}

@mixin border_right_radius($radius) {
  border-top-right-radius: $radius;
  border-bottom-right-radius: $radius;
}

@mixin border_bottom_radius($radius) {
  border-bottom-left-radius: $radius;
  border-bottom-right-radius: $radius;
}

@mixin border_left_radius($radius) {
  border-top-left-radius: $radius;
  border-bottom-left-radius: $radius;
}

@mixin social_button_color($base_color) {
  background: $base_color;
  &:hover {
    background: darken($base_color, 7%);
  }
}

// Animation mixins

$ease_in_quad:      cubic-bezier(0.550,  0.085, 0.680, 0.530);
$ease_in_cubic:     cubic-bezier(0.550,  0.055, 0.675, 0.190);
$ease_in_quart:     cubic-bezier(0.895,  0.030, 0.685, 0.220);
$ease_in_quint:     cubic-bezier(0.755,  0.050, 0.855, 0.060);
$ease_in_sine:      cubic-bezier(0.470,  0.000, 0.745, 0.715);
$ease_in_expo:      cubic-bezier(0.950,  0.050, 0.795, 0.035);
$ease_in_circ:      cubic-bezier(0.600,  0.040, 0.980, 0.335);
$ease_in_back:      cubic-bezier(0.600, -0.280, 0.735, 0.045);

$ease_out_quad:     cubic-bezier(0.250,  0.460, 0.450, 0.940);
$ease_out_cubic:    cubic-bezier(0.215,  0.610, 0.355, 1.000);
$ease_out_quart:    cubic-bezier(0.165,  0.840, 0.440, 1.000);
$ease_out_quint:    cubic-bezier(0.230,  1.000, 0.320, 1.000);
$ease_out_sine:     cubic-bezier(0.390,  0.575, 0.565, 1.000);
$ease_out_expo:     cubic-bezier(0.190,  1.000, 0.220, 1.000);
$ease_out_circ:     cubic-bezier(0.075,  0.820, 0.165, 1.000);
$ease_out_back:     cubic-bezier(0.175,  0.885, 0.320, 1.275);

$ease_in_out_quad:  cubic-bezier(0.455,  0.030, 0.515, 0.955);
$ease_in_out_cubic: cubic-bezier(0.645,  0.045, 0.355, 1.000);
$ease_in_out_quart: cubic-bezier(0.770,  0.000, 0.175, 1.000);
$ease_in_out_quint: cubic-bezier(0.860,  0.000, 0.070, 1.000);
$ease_in_out_sine:  cubic-bezier(0.445,  0.050, 0.550, 0.950);
$ease_in_out_expo:  cubic-bezier(1.000,  0.000, 0.000, 1.000);
$ease_in_out_circ:  cubic-bezier(0.785,  0.135, 0.150, 0.860);
$ease_in_out_back:  cubic-bezier(0.680, -0.550, 0.265, 1.550);


@mixin cf() {
  &:before, &:after {
    display: table;
    content: " ";
  }
  &:after {
    clear: both;
  }
}

@mixin monospace() {
  font-family: "Lucida Console", monospace;
}

@mixin ellipses {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}