/
sidebars.scss
46 lines (36 loc) · 984 Bytes
/
sidebars.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
// SIDEBAR
// ==============================
$sidebar-border-color: $color-gray-300 !default;
$sidebar-category-text-color: $color-gray-600 !default;
.sidebar {
padding: 15px;
}
.sidebar-left {
border-right: 1px solid $sidebar-border-color;
}
.sidebar-right {
border-left: 1px solid $sidebar-border-color;
}
.sidebar-category {
padding: 10px;
font-size: 18px;
color: $sidebar-category-text-color;
border-bottom: 1px solid $sidebar-border-color;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path d="M9.4 3.6l5.1 6.9L19.5 3.6" fill="' + $color-gray-400 + '"/></svg>') center right no-repeat;
&:focus,
&:hover {
cursor: pointer;
opacity: 0.75;
}
}
.sidebar-links {
list-style: none;
padding-left: 10px;
a {
display: block;
padding: 5px 10px;
&.active {
font-weight: 700;
}
}
}