-
Notifications
You must be signed in to change notification settings - Fork 0
/
theme.styl
135 lines (108 loc) · 2.81 KB
/
theme.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
$vue-color = #4fc08d
$bg-color = #151515
$MQNarrow = 959px
$MQMobile = 719px
$MQMobileNarrow = 419px
body
background-color $bg-color
color desaturate(lighten($bg-color, 80%), 50%)
.search-box
input
border-color desaturate(lighten($bg-color, 30%), 30%)
background-color $bg-color
color desaturate(lighten($bg-color, 80%), 50%)
.suggestions
background-color desaturate(lighten($bg-color, 15%), 10%)
border 0
.suggestion
a
color desaturate(lighten($bg-color, 80%), 50%)
&.focused
background-color desaturate(lighten($bg-color, 30%), 30%)
a
color #fff
.algolia-search-wrapper
.algolia-autocomplete
.ds-dropdown-menu
border: 0
background-color desaturate(lighten($bg-color, 15%), 10%)
&:before
background-color desaturate(lighten($bg-color, 15%), 10%)
border: 0;
@media (min-width: $MQMobile)
.dropdown-wrapper
.nav-dropdown
background-color desaturate(lighten($bg-color, 15%), 10%)
border 0
.dropdown-item
h4
border-top-color desaturate(lighten($bg-color, 30%), 30%)
.sw-update-popup
background-color desaturate(lighten($bg-color, 15%), 10%)
border 0
.navbar
border-bottom-color desaturate(lighten($bg-color, 10%), 10%)
background-color $bg-color
.site-name
color #fff
.links
background-color $bg-color
.page-edit
.edit-link
a
color desaturate(lighten($bg-color, 50%), 50%)
&:hover,
&:focus
color #fff
.last-updated
.prefix
color desaturate(lighten($bg-color, 50%), 50%)
.time
color desaturate(lighten($bg-color, 40%), 50%)
h2
border-bottom-color desaturate(lighten($bg-color, 10%), 10%)
hr
border-top-color desaturate(lighten($bg-color, 10%), 10%)
.page-nav
.inner
color desaturate(lighten($bg-color, 50%), 50%)
border-top-color desaturate(lighten($bg-color, 10%), 10%)
.sidebar
background-color $bg-color
border-right-color desaturate(lighten($bg-color, 10%), 10%)
.nav-links
border-bottom-color desaturate(lighten($bg-color, 10%), 10%)
a.sidebar-link
color desaturate(lighten($bg-color, 80%), 50%)
&:hover,
&:focus,
&.active
color #fff
.sidebar-heading
color desaturate(lighten($bg-color, 80%), 50%)
&.open,
&:hover
color #fff
.nav-links
a
color desaturate(lighten($bg-color, 80%), 50%)
&:hover,
&:focus,
&.router-link-active
color #fff
.home
.hero
.description
color desaturate(lighten($bg-color, 50%), 50%)
.action-button
border 0
.features,
.footer
border-top-color desaturate(lighten($bg-color, 10%), 10%)
.feature
h2
color desaturate(lighten($bg-color, 70%), 40%)
p
color desaturate(lighten($bg-color, 50%), 50%)
.footer
color desaturate(lighten($bg-color, 50%), 50%)