This repository has been archived by the owner on Jul 29, 2021. It is now read-only.
/
base.styl
118 lines (103 loc) · 1.76 KB
/
base.styl
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
*
box-sizing border-box
margin 0
padding 0
html,body
height 100%
width 100%
letter-spacing .4px
html
font-family sans-serif
line-height 1.15
background $bgr
body
overflow-x hidden
font 300 1em/1.8 $fonts
font-size $font-size
@media mq-mobile
html
font-size 14.5px
@media mq-tablet
html
font-size 15px
@media mq-middle
html
font-size 16.5px
@media mq-normal
html
font-size 17px
@media mq-desktop
html
font-size 17.5px
a
text-decoration none
transition all .2s ease-in-out
&:link,&:visited,&:active
color #232729
&:hover
color $thr-clr
img
display block
max-width 100%
margin 15px auto
padding 4px
opacity .95
cursor pointer
border-radius 4px
border 1px solid #eee
time
color rgba(0,0,0,.7)
font-size 0.825rem
.page-title
display block
text-align center
margin-bottom 1.5rem
font-size 1.15rem
letter-spacing .6px
color rgba(0,0,0,.5)
.mask
display none
position fixed
top 0
left 0
width 100%
height 100%
z-index 998
background-color rgba(0,0,0,0.04)
#backTop
opacity 0
position fixed
cursor pointer
z-index 999
bottom 8%
right 2%
padding 2px 8px
border-radius 50%
width 2.4rem
height 2.4rem
text-align center
&:hover
color $thr-clr
@media mq-mobile
right 1rem
bottom 56px
right 28px
.container
padding 2.5rem 1.8rem 0 1.8rem
min-height 60vh
.main
margin 0 auto
width 54%
@media mq-middle
width 100%
@media mq-tablet
padding 0 12px
width 98%
@media mq-middle
width 80%
@media mq-normal
width 56%
@media mq-desktop
width 54%
::selection
background: #EBEBEB