64 lines
1.3 KiB
SCSS
64 lines
1.3 KiB
SCSS
|
// Fonts preferences
|
||
|
|
$sans-family: Roboto, sans-serif;
|
||
|
|
$mono-family: Consolas, monospace;
|
||
|
|
$base-font-size: 16px;
|
||
|
|
$medium-font-size: $base-font-size * 0.938;
|
||
|
|
$small-font-size: $base-font-size * 0.875;
|
||
|
|
$base-line-height: 1.85;
|
||
|
|
|
||
|
|
// Font weight
|
||
|
|
// $light-weight: 300; // uncomment if necessary
|
||
|
|
$normal-weight: 400;
|
||
|
|
$bold-weight: 700;
|
||
|
|
// $black-weight: 900; // uncomment if necessary
|
||
|
|
|
||
|
|
//Light Colors
|
||
|
|
$text-base-color: #434648;
|
||
|
|
$text-link-blue: #003fff;
|
||
|
|
$text-link-blue-active: #0036c7;
|
||
|
|
|
||
|
|
$black: #0d122b;
|
||
|
|
$light: #ececec;
|
||
|
|
$smoke: #d2c7c7;
|
||
|
|
$gray: #6b7886;
|
||
|
|
$white: #fff;
|
||
|
|
|
||
|
|
// Dark Colors
|
||
|
|
$dark-text-base-color: #c7bebe;
|
||
|
|
$dark-text-link-blue: #ff5277;
|
||
|
|
$dark-text-link-blue-active: #ff2957;
|
||
|
|
|
||
|
|
$dark-black: #131418;
|
||
|
|
$dark-white: #eaeaea;
|
||
|
|
$dark-light: #1b1d25;
|
||
|
|
$dark-smoke: #4a4d56;
|
||
|
|
$dark-gray: #767f87;
|
||
|
|
|
||
|
|
// Width of the content area
|
||
|
|
$wide-size: 890px;
|
||
|
|
$narrow-size: 720px;
|
||
|
|
|
||
|
|
// Padding unit
|
||
|
|
$spacing-full: 30px;
|
||
|
|
$spacing-half: $spacing-full / 2;
|
||
|
|
|
||
|
|
// State of devices
|
||
|
|
$on-mobile: 768px;
|
||
|
|
$on-tablet: 769px;
|
||
|
|
$on-desktop: 1024px;
|
||
|
|
$on-widescreen: 1152px;
|
||
|
|
|
||
|
|
@mixin media-query($device) {
|
||
|
|
@media screen and (max-width: $device) {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin relative-font-size($ratio) {
|
||
|
|
font-size: $base-font-size * $ratio;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Import sass files
|
||
|
|
@import "klise/fonts", "klise/base", "klise/layout", "klise/post",
|
||
|
|
"klise/miscellaneous", "klise/syntax", "klise/dark";
|