/
_custom.scss
105 lines (96 loc) · 1.93 KB
/
_custom.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
/* fix ugly link in table header */
.post .post-content > table th a {
color: white;
text-decoration: underline;
}
/* standardize background color */
#main {
background-color: white;
}
/* fix copyright info that extends to the right */
.post .post-copyright {
box-sizing: border-box;
}
/* remove left padding in user agent */
.pagination ul {
padding: 0;
}
/* align language button and remove icon */
.menu-item-lang {
display: flex;
align-items: center;
}
.menu-item-lang::after {
content: "\00a0▼" !important;
}
.menu-item-lang .iconfont {
display: none;
}
.mobile-menu-item-lang .iconfont {
display: none;
}
/* lastmod in archive */
// highlight lastmod
.archive-post-lastmod-time {
color: rgba(0, 0, 0, 0.8) !important;
}
// desktop
.archive-post {
display: flex !important;
align-items: center;
}
.archive-post-time-wrapper {
display: flex;
flex-direction: column;
}
// .archive-post-title {
// display: flex !important;
// }
// mobile
@media screen and (max-width: 899px) {
.archive-post {
display: flex !important;
flex-direction: column;
align-items: flex-start;
}
.archive-post-time-wrapper {
display: flex;
flex-direction: row;
}
.archive-post-time {
width: unset !important;
}
.archive-post-lastmod-time {
margin-left: 0.5em;
}
}
/* ../../../assets/js/custom.js */
.visible {
visibility: visible !important;
}
// grid desktop
// proportion date:title = 235/900 = 1:3.829
// .archive-post-create-time {
// color: rgba(0, 0, 0, 0.8) !important;
// }
// .archive-post {
// display: grid !important;
// grid-template-columns: 1fr 4fr;
// grid-template-rows: 1fr 1fr;
// gap: 0px 0px;
// grid-template-areas:
// "date title"
// "lastmod title";
// }
// .archive-post-create-time {
// grid-area: date;
// }
// .archive-post-lastmod-time {
// grid-area: lastmod;
// }
// .archive-post-title {
// grid-area: title;
// align-self: center;
// }
/*
*/