asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

refactor(typo): optimize the site-title position

Browse source
This commit is contained in:
Cotes Chung 2022-10-11 22:47:36 +08:00
parent 65f722fb04
commit fd5df7e1a1
No known key found for this signature in database
GPG key ID: 0D9E54843167A808
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/sidebar.html
View file

@ -21,7 +21,7 @@
</a> </a>
</div> </div>
<div class="site-title mt-3"> <div class="site-title">
<a href="{{ '/' | relative_url }}">{{ site.title }}</a> <a href="{{ '/' | relative_url }}">{{ site.title }}</a>
</div> </div>
<div class="site-subtitle font-italic">{{ site.tagline }}</div> <div class="site-subtitle font-italic">{{ site.tagline }}</div>

10
_sass/addon/commons.scss
View file

@ -689,6 +689,8 @@ $sidebar-display: "sidebar-display";
} /* #avatar */ } /* #avatar */
.site-title { .site-title {
margin-top: 0.55rem;
a { a {
@extend %clickable-transition; @extend %clickable-transition;
@ -702,9 +704,9 @@ $sidebar-display: "sidebar-display";
.site-subtitle { .site-subtitle {
font-size: 95%; font-size: 95%;
color: var(--sidebar-muted-color); color: var(--sidebar-muted-color);
line-height: 1.2rem; line-height: 1.25rem;
word-spacing: 1px; word-spacing: 1px;
margin: 0.5rem 1.5rem 0.5rem 1.5rem; margin: 0.2rem 1.5rem 0.5rem 1.5rem;
min-height: 3rem; /* avoid vertical shifting in multi-line words */ min-height: 3rem; /* avoid vertical shifting in multi-line words */
user-select: none; user-select: none;
} }
@ -1584,6 +1586,8 @@ $sidebar-display: "sidebar-display";
.site-title { .site-title {
@extend %profile-ml; @extend %profile-ml;
margin-top: 0.4rem;
a { a {
font-size: 1.7rem; font-size: 1.7rem;
letter-spacing: 1px; letter-spacing: 1px;
@ -1594,7 +1598,7 @@ $sidebar-display: "sidebar-display";
@extend %profile-ml; @extend %profile-ml;
word-spacing: 0; word-spacing: 0;
margin-top: 0.3rem; margin-top: 0;
} }
} /* .profile-wrapper (min-width: 1650px) */ } /* .profile-wrapper (min-width: 1650px) */