github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-17 18:22:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optimize .links-of-blogroll-item style

Browse Source
This commit is contained in:
Mimi 2024-11-28 01:57:10 +08:00
parent 58004e8180
commit 3fb181fd5d
4 changed files with 27 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
source/css/_common/outline/sidebar/index.styl
View File

@ -70,19 +70,7 @@
}
.links-of-blogroll-item {
if (hexo-config('links_settings.layout') == 'inline') {
display: inline-block;
}
padding: 2px 10px;
a {
box-sizing: border-box;
display: inline-block;
max-width: 280px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
padding: 0 5px;
}
.popular-posts .popular-posts-item .popular-posts-link:hover {
@ -115,6 +103,14 @@
flex-column();
}
.links-of-blogroll-item {
max-width: calc(100% - 20px);
a {
sidebar-inline-links-item();
}
}
.cc-license {
.cc-opacity {
border-bottom: 0;

8
source/css/_common/outline/sidebar/sidebar-blogroll.styl
View File

@ -9,6 +9,12 @@
.links-of-blogroll-list {
list-style: none;
margin: 0;
gap: 5px;
margin: 5px 0 0;
padding: 0;
flex-wrap();
if (hexo-config('links_settings.layout') == 'block') {
flex-direction: column;
}
}

5
source/css/_mixins.styl
View File

@ -76,17 +76,12 @@ disable-user-select() {
}
sidebar-inline-links-item() {
margin: 5px 0 0;
a {
box-sizing: border-box;
display: inline-block;
max-width: 100%;
overflow: hidden;
padding: 0 5px;
text-overflow: ellipsis;
white-space: nowrap;
}
}
flex-wrap() {

12
source/css/_schemes/Pisces/_sidebar.styl
View File

@ -50,7 +50,7 @@
}
.links-of-author-item {
sidebar-inline-links-item();
margin: 5px 0 0;
if (not hexo-config('social_icons.icons_only')) {
width: 50%;
@ -60,6 +60,8 @@
border-bottom: 0;
border-radius: 4px;
display: block;
padding: 0 5px;
sidebar-inline-links-item();
&:hover {
background: var(--body-bg-color);
@ -67,12 +69,8 @@
}
}
.links-of-blogroll-item {
if (hexo-config('links_settings.layout') == 'inline') {
display: inline-block;
max-width: 100%;
sidebar-inline-links-item();
}
.links-of-blogroll-item a {
padding: 0 5px;
}
if (hexo-config('back2top.sidebar')) {