| /*********************** |
| * 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; |
| } |