76 lines
2.5 KiB
Stylus
76 lines
2.5 KiB
Stylus
// Variables of Pisces scheme
|
|
// ==================================================
|
|
|
|
// Settings for some of the most global styles.
|
|
// --------------------------------------------------
|
|
$body-bg-color = #f5f7f9;
|
|
|
|
$sidebar-width = hexo-config('sidebar.width_dual_column') is a 'unit' ? hexo-config('sidebar.width_dual_column') : 240;
|
|
$sidebar-width-dual-column = unit($sidebar-width, 'px');
|
|
$content-wrap = 'calc(100% - %s)' % unit($sidebar-width + $sidebar-offset, 'px');
|
|
|
|
$content-desktop = 'calc(100% - %s)' % unit($content-desktop-padding / 2, 'px');
|
|
$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;
|
|
$brand-padding = 0;
|
|
$site-subtitle-margin = 10px 10px 0;
|
|
|
|
|
|
// 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;
|
|
|
|
$badge-background = $grey-light;
|
|
$badge-border-radius = 10px;
|
|
$badge-color = var(--content-bg-color);
|
|
$badge-padding = 2px 5px;
|
|
$badge-text-shadow = 1px 1px 0 rgba(0, 0, 0, .1);
|