69 lines
2.2 KiB
SCSS
69 lines
2.2 KiB
SCSS
|
// Variables of Pisces scheme
|
||
|
|
// ==================================================
|
||
|
|
|
||
|
|
// Settings for some of the most global styles.
|
||
|
|
// --------------------------------------------------
|
||
|
|
$body-bg-color : #f5f7f9;
|
||
|
|
|
||
|
|
$sidebar-width : if(type-of(hexo-config('sidebar.width')) == number, hexo-config('sidebar.width'), 240);
|
||
|
|
$sidebar-desktop : $sidebar-width * 1px;
|
||
|
|
$content-wrap : calc(100% - #{$sidebar-width + $sidebar-offset});
|
||
|
|
|
||
|
|
$content-desktop : calc(100% - #{$content-desktop-padding / 2});
|
||
|
|
$content-desktop-large : 1160px;
|
||
|
|
$content-desktop-largest : 73%;
|
||
|
|
|
||
|
|
|
||
|
|
// Borders
|
||
|
|
// --------------------------------------------------
|
||
|
|
$box-shadow-inner : initial;
|
||
|
|
$box-shadow : initial;
|
||
|
|
|
||
|
|
$border-radius-inner : initial;
|
||
|
|
$border-radius : initial;
|
||
|
|
|
||
|
|
|
||
|
|
// Header
|
||
|
|
// --------------------------------------------------
|
||
|
|
$subtitle-color : $grey-lighter;
|
||
|
|
|
||
|
|
// Sidebar
|
||
|
|
// --------------------------------------------------
|
||
|
|
$sidebar-nav-color : var(--text-color);
|
||
|
|
$sidebar-nav-hover-color : $orange;
|
||
|
|
$sidebar-highlight : $orange;
|
||
|
|
|
||
|
|
$site-author-image-width : 120px;
|
||
|
|
$site-author-image-border-width : 1px;
|
||
|
|
$site-author-image-border-color : $gainsboro;
|
||
|
|
|
||
|
|
$site-author-name-margin : 0;
|
||
|
|
$site-author-name-color : var(--text-color);
|
||
|
|
$site-author-name-weight : 600;
|
||
|
|
|
||
|
|
$site-description-font-size : $font-size-smaller;
|
||
|
|
$site-description-color : $grey-dark;
|
||
|
|
$site-description-margin-top : 0;
|
||
|
|
|
||
|
|
$site-state-item-count-font-size : $font-size-medium;
|
||
|
|
$site-state-item-name-font-size : $font-size-smaller;
|
||
|
|
$site-state-item-name-color : $grey-dark;
|
||
|
|
|
||
|
|
|
||
|
|
// Components
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
// Button
|
||
|
|
$btn-default-radius : 2px;
|
||
|
|
$btn-default-bg : white;
|
||
|
|
$btn-default-color : $text-color;
|
||
|
|
$btn-default-border-color : $text-color;
|
||
|
|
$btn-default-hover-bg : $black-deep;
|
||
|
|
$btn-default-hover-color : white;
|
||
|
|
|
||
|
|
// Back to top
|
||
|
|
$b2t-opacity : .6;
|
||
|
|
$b2t-opacity-hover : .8;
|
||
|
|
$b2t-position-bottom : -100px;
|
||
|
|
$b2t-position-bottom-on : 30px;
|