github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-21 19:32:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

New variable $brand-padding $site-subtitle-margin

Browse Source
This commit is contained in:
Mimi 2022-11-13 21:22:07 +08:00
parent 273fdfba5a
commit ae3e3a52f9
8 changed files with 14 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/css/_common/outline/header/site-meta.styl
View File

@ -19,7 +19,7 @@
border-bottom: 0; border-bottom: 0;
color: var(--brand-color); color: var(--brand-color);
display: inline-block; display: inline-block;
padding: 0 40px; padding: $brand-padding;
&:hover { &:hover {
color: var(--brand-hover-color); color: var(--brand-hover-color);
@ -37,7 +37,7 @@
.site-subtitle { .site-subtitle {
color: $subtitle-color; color: $subtitle-color;
font-size: $font-size-subtitle; font-size: $font-size-subtitle;
margin: 10px 0; margin: $site-subtitle-margin;
} }
.use-motion { .use-motion {

4
source/css/_mixins.styl
View File

@ -111,6 +111,10 @@ main-container() {
margin: 0 auto; margin: 0 auto;
width: $content-desktop; width: $content-desktop;
+mobile() {
width: auto;
}
+desktop-large() { +desktop-large() {
width: $content-desktop-large; width: $content-desktop-large;
} }

2
source/css/_schemes/Mist/_header.styl
View File

@ -19,8 +19,6 @@
line-height: normal; line-height: normal;
.brand { .brand {
padding: 2px 1px;
+mobile() { +mobile() {
display: block; display: block;
} }

11
source/css/_schemes/Muse/_layout.styl
View File

@ -4,6 +4,7 @@
.main-inner { .main-inner {
main-container(); main-container();
padding-bottom: $content-padding-bottom;
+mobile() { +mobile() {
padding-left: 20px; padding-left: 20px;
@ -11,18 +12,8 @@
} }
} }
.header, .main-inner, .footer-inner {
+mobile() {
width: auto;
}
}
// Page - Container // Page - Container
// -------------------------------------------------- // --------------------------------------------------
.main-inner {
padding-bottom: $content-padding-bottom;
}
.post-block:first-of-type { .post-block:first-of-type {
padding-top: $posts-first-padding; padding-top: $posts-first-padding;

8
source/css/_schemes/Pisces/_header.styl
View File

@ -20,14 +20,6 @@
padding: 20px 0; padding: 20px 0;
} }
.brand {
padding: 0;
}
.site-subtitle {
margin: 10px 10px 0;
}
.site-nav-toggle, .site-nav-right { .site-nav-toggle, .site-nav-right {
+tablet() { +tablet() {
flex-column(); flex-column();

1
source/css/_variables/Mist.styl
View File

@ -15,6 +15,7 @@ $menu-item-bg-color = $grey-lighter;
$brand-color = $black-deep; $brand-color = $black-deep;
$brand-hover-color = $brand-color; $brand-hover-color = $brand-color;
$brand-padding = 2px 1px;
$posts-collapse-left = 0; $posts-collapse-left = 0;

3
source/css/_variables/Pisces.styl
View File

@ -26,6 +26,9 @@ $border-radius = initial;
// Header // Header
// -------------------------------------------------- // --------------------------------------------------
$subtitle-color = $grey-lighter; $subtitle-color = $grey-lighter;
$brand-padding = 0;
$site-subtitle-margin = 10px 10px 0;
// Sidebar // Sidebar
// -------------------------------------------------- // --------------------------------------------------

3
source/css/_variables/base.styl
View File

@ -213,6 +213,9 @@ $brand-color = white;
$brand-hover-color = white; $brand-hover-color = white;
$brand-color-dark = $grey-lighter; $brand-color-dark = $grey-lighter;
$brand-hover-color-dark = $grey-lighter; $brand-hover-color-dark = $grey-lighter;
$brand-padding = 0 40px;
$site-subtitle-margin = 10px 0;
$font-size-title = (hexo-config('font.enable') and hexo-config('font.title.size') is a 'unit') ? unit(hexo-config('font.title.size'), em) : 1.375em; $font-size-title = (hexo-config('font.enable') and hexo-config('font.title.size') is a 'unit') ? unit(hexo-config('font.title.size'), em) : 1.375em;
$font-size-subtitle = $font-size-smaller; $font-size-subtitle = $font-size-smaller;