$social-tags: 'htmlfivecan.com \00a0\00a0\00a0 #io12';
$brand-small-icon-size: 30px;

$gray-1: #e6e6e6;
$gray-2: #a9a9a9;
$gray-3: #797979;
$gray-4: #515151;

$brand-blue: rgb(67, 135, 253);
$brand-blue-secondary: #3c8ef3;
$brand-blue-secondary2: #2a7cdf;

$brand-red: rgb(244, 74, 63);
$brand-red-secondary: #e0543e;
$brand-red-secondary2: #d94d3a;

$brand-yellow: rgb(255, 209, 77);
$brand-yellow-secondary: #f9cc46;
$brand-yellow-secondary2: #f6c000;

$brand-green: rgb(13, 168, 97);
$brand-green-secondary: #00a86d;
$brand-green-secondary2: #009f5d;

$slide-width: 900px;
$slide-height: 700px;
$slide-width-widescreen: 1100px;
$slide-top-bottom-padding: 40px;
$slide-left-right-padding: 60px;
$slide-border-radius: 5px;

$slide-tap-area-width: 100px;

$article-content-top-padding: 45px;

@mixin font-smoothing($val: antialiased) {
  -webkit-font-smoothing: $val;
  -moz-font-smoothing: $val;
  -ms-font-smoothing: $val;
  -o-font-smoothing: $val;
}

@mixin flexbox {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-box !important;
  display: -o-box !important;
  display: box !important;
}

@mixin flex-center-center {
  @include box-orient(vertical);
  @include box-align(center);
  @include box-pack(center);
}

@mixin flex-left-center {
  @include box-orient(vertical);
  @include box-align(left);
  @include box-pack(center);
}

@mixin flex-right-center {
  @include box-orient(vertical);
  @include box-align(end);
  @include box-pack(center);
}

@mixin flex-flex($val: 0) {
  @include box-flex($val);
}

@mixin column-break-after($val) {
  -webkit-column-break-after: $val;
  -moz-column-break-after: $val;
  -ms-column-break-after: $val;
  -o-column-break-after: $val;
  column-break-after: $val;
}
