hexo-theme-keep/source/css/layout/_partial/empty-page.styl

156 lines
3.7 KiB
Stylus
Raw Normal View History

$friend-link-item-height = 82px;
2020-12-07 15:51:52 +08:00
$friend-link-item-height-tablet = 68px;
$friend-link-item-interval = 16px;
$friend-link-item-border-radius = 6px;
.empty-page-container {
2021-01-21 18:23:22 +08:00
keep-container(false, 0, 0, 30px, 30px);
2020-06-04 22:11:27 +08:00
.empty-page-content {
color: var(--default-text-color);
h1, h2, h3, h4, h5, h6 {
&:first-child {
margin-top: 0;
}
}
}
2020-12-07 15:51:52 +08:00
if (hexo-config('menu.Links')) {
.friends-link-container {
.friends-link-list {
position: relative;
.friends-link-item {
box-sizing: border-box;
position: relative;
float: left;
width: 50%;
cursor: pointer;
height: $friend-link-item-height;
padding-bottom: $friend-link-item-interval;
2020-12-07 15:51:52 +08:00
+keep-tablet() {
height: $friend-link-item-height-tablet;
}
&:nth-child(odd) {
padding-right: $friend-link-item-interval * 0.5;
}
&:nth-child(even) {
padding-left: $friend-link-item-interval * 0.5;
}
.content {
position: relative;
width: 100%;
height: 100%;
box-shadow: 1px 1px 2px var(--shadow-color);
border-radius: $friend-link-item-border-radius;
padding-left: $friend-link-item-height - $friend-link-item-interval;
box-sizing: border-box;
2020-12-07 15:51:52 +08:00
2020-12-07 15:51:52 +08:00
+keep-tablet() {
padding-left: $friend-link-item-height-tablet - $friend-link-item-interval;
}
&:hover {
box-shadow: 1px 1px 6px var(--shadow-color);
}
.radius {
border-top-left-radius: $friend-link-item-border-radius;
border-bottom-left-radius: $friend-link-item-border-radius;
}
.avatar {
position: absolute;
top: 0;
left: 0;
width: $friend-link-item-height - $friend-link-item-interval;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
2020-12-01 16:51:38 +08:00
font-size: 2rem;
background: var(--second-background-color);
color: var(--second-text-color);
2020-12-07 15:51:52 +08:00
+keep-tablet() {
width: $friend-link-item-height-tablet - $friend-link-item-interval;
}
img {
box-sizing: border-box;
position: relative;
width: 100%;
height: 100%;
}
}
.info {
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-items: flex-start;
2020-12-07 15:51:52 +08:00
+keep-tablet() {
padding: 6px;
}
.name {
width: 100%;
height: 60%;
2020-12-01 16:51:38 +08:00
font-size: 1.28rem;
color: var(--second-text-color);
2020-12-07 15:51:52 +08:00
+keep-tablet() {
font-size: 1.08rem;
}
}
.description {
width: 100%;
height: 40%;
2020-12-01 16:51:38 +08:00
font-size: 1rem;
color: var(--third-text-color);
2020-12-07 15:51:52 +08:00
2020-12-07 15:51:52 +08:00
+keep-tablet() {
font-size: 0.98rem;
}
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
2020-12-07 15:51:52 +08:00
}
}
}
}
}
}
}