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

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -213,6 +213,9 @@ $brand-color = white;
$brand-hover-color = white;
$brand-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-subtitle = $font-size-smaller;