Optimize the style of custom-logo and sidebar-inner

This commit is contained in:
Mimi 2020-06-06 23:48:29 +08:00
parent 6d5d471424
commit d194052d7e
12 changed files with 16 additions and 46 deletions

View File

@ -9,13 +9,9 @@
</div>
</div>
<div class="site-meta{%- if theme.custom_logo %} custom-logo{%- endif %}">
<div class="site-meta">
{%- if theme.custom_logo and theme.scheme === 'Muse' %}
<div class="site-meta-headline">
<a>
<img class="custom-logo-image" src="{{ theme.custom_logo }}" alt="{{ title }}">
</a>
</div>
{%- endif %}
<a href="{{ config.root }}" class="brand" rel="start">
@ -27,9 +23,7 @@
<p class="site-subtitle" itemprop="description">{{ subtitle }}</p>
{%- endif %}
{%- if theme.custom_logo and (theme.scheme === 'Gemini' or theme.scheme === 'Pisces') %}
<a>
<img class="custom-logo-image" src="{{ theme.custom_logo }}" alt="{{ title }}">
</a>
{%- endif %}
</div>

View File

@ -1,7 +1,6 @@
if (hexo-config('back2top.enable')) {
.back-to-top {
font-size: $b2t-font-size;
text-align: center;
the-transition();
}

View File

@ -3,7 +3,6 @@ ul.breadcrumb {
list-style: none;
margin: 1em 0;
padding: 0 2em;
text-align: center;
li {
display: inline;

View File

@ -2,7 +2,6 @@
background: $grey-light;
height: 1px;
margin: $post-eof-margin-top auto $post-eof-margin-bottom;
text-align: center;
width: 8%;
.post-block:last-of-type & {

View File

@ -7,6 +7,14 @@
}
}
.custom-logo-image {
margin-top: 20px;
+tablet-mobile() {
display: none;
}
}
.brand {
border-bottom: none;
color: var(--brand-color);

View File

@ -24,12 +24,10 @@ if (hexo-config('avatar.rotated')) {
color: $site-author-name-color;
font-weight: $site-author-name-weight;
margin: $site-author-name-margin;
text-align: center;
}
.site-description {
color: $site-description-color;
font-size: $site-description-font-size;
margin-top: $site-description-margin-top;
text-align: center;
}

View File

@ -22,7 +22,6 @@
.cc-license {
margin-top: 10px;
text-align: center;
.cc-opacity {
border-bottom: none;

View File

@ -4,19 +4,18 @@
line-height: 1.4;
margin-top: 10px;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
.site-state-item {
padding: 0 15px;
&:not(:first-child) {
border-left: 1px solid $site-state-item-border-color;
}
a {
border-bottom: none;
display: block;
padding: 0 15px;
}
}
@ -24,7 +23,6 @@
display: block;
font-size: $site-state-item-count-font-size;
font-weight: 600;
text-align: center;
}
.site-state-item-name {

View File

@ -47,7 +47,7 @@ $page-number-basic {
.page-number.current {
background: $pagination-active-bg;
border-top-color: $pagination-active-border;
border-color: $pagination-active-border;
color: $pagination-active-color;
}
}

View File

@ -1,21 +1,6 @@
.custom-logo {
.site-meta-headline {
text-align: center;
}
.site-title {
color: $black-deep;
margin: 10px auto 0;
a {
border: 0;
}
}
}
.custom-logo-image {
background: white;
margin: 0 auto;
margin: 0 auto 10px;
max-width: 150px;
padding: 5px;
}

View File

@ -17,11 +17,3 @@
.site-subtitle {
margin: 10px 10px 0;
}
.custom-logo-image {
margin-top: 20px;
+tablet-mobile() {
display: none;
}
}

View File

@ -36,7 +36,7 @@
}
}
.site-state-item {
.site-state-item a {
padding: 0 10px;
}
@ -44,7 +44,6 @@
border-bottom: 1px dotted $grey-light;
border-top: 1px dotted $grey-light;
margin-top: 10px;
text-align: center;
a {
border: 0;