/***********************
* Variable
***********************/

$logo-color: #00B4FB;
$text-light-black: #606060;
$text-dark: #505050;
$text-black: #333333;
$text-white: #fff;
$text-gray: #999;
$text-blue: #1FB5FC;
$bg-blue: $text-blue;
$bg-light-blue: #23CEFD;
$bg-white: #fff;
$bg-super-light: #FBFBFB;
$bg-gray: #fafafa;
$border-light: #ddd;
$border-blue: $text-blue;
$border-gray: #999ba4;

$article-max-width: 1350px;
$content-max-width: 850px;

$header-height: 50px;

/***********************
* Mixin
***********************/

@mixin lines ($length: 2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $length;
  -webkit-box-orient: vertical;
}

@mixin triangle-down ($color, $size) {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: $size solid transparent;
  border-right: $size solid transparent;
  border-top: $size solid $color;
}