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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
@import "../../node_modules/@forever9/lego/lego";
@import "single";
@include container();
@include row();
@include column();
@include gen-grids();
@include offset();
/* monda-regular */
@font-face {
font-family: 'Monda';
font-style: normal;
src: url('//lib.baomitu.com/fonts/monda/monda-regular.eot'); /* IE9 Compat Modes */
src: local('Monda'), local('Monda-Normal'),
url('//lib.baomitu.com/fonts/monda/monda-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('//lib.baomitu.com/fonts/monda/monda-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('//lib.baomitu.com/fonts/monda/monda-regular.woff') format('woff'), /* Modern Browsers */
url('//lib.baomitu.com/fonts/monda/monda-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('//lib.baomitu.com/fonts/monda/monda-regular.svg#Monda') format('svg'); /* Legacy iOS */
}
html {
--theme-color: #88BDEC;
}
body {
font-family: 'Monda', -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, Arial, sans-serif;
background: #fff;
}
.main {
padding-top: 100px;
}
.nav {
padding: 10px 0;
@include flex-y-center;
justify-content: space-between;
}
a {
text-decoration: none;
}
.nav-menu {
@include flex-y-center;
a {
padding: 10px 14px;
color: #4C4E4D;
&:hover {
color: var(--theme-color);
}
}
}
.logo {
height: 30px;
width: auto;
img {
display: block;
height: 100%;
}
}
.post {
display: flex;
}
.post-left {
min-width: 50px;
}
.post-title {
font-size: 20px;
color: #000;
}
.post-date {
color: #999;
font-size: 12px;
}
.post-summary {
color: #999;
font-size: 12px;
}
.post-right {
position: relative;
padding-left: 30px;
padding-bottom: 50px;
&:before {
content: ' ';
display: block;
width: 8px;
height: 8px;
border-radius: 8px;
position: absolute;
left: 0;
top: 12px;
background: #DC9E5B;
}
&:after {
position: absolute;
content: ' ';
display: block;
width: 1px;
height: 100%;
background: #f0f0f0;
left: 3px;
top: 20px;
}
}
|