]>
Commit | Line | Data |
---|---|---|
91e44d91 S |
1 | /* |
2 | * Base structure | |
3 | */ | |
4 | ||
5 | /* Move down content because we have a fixed navbar that is 50px tall */ | |
6 | body { | |
7 | padding-top: 50px; | |
8 | } | |
9 | ||
10 | /* | |
11 | * Typography | |
12 | */ | |
13 | ||
14 | h1 { | |
15 | margin-bottom: 20px; | |
16 | padding-bottom: 9px; | |
17 | border-bottom: 1px solid #eee; | |
18 | } | |
19 | ||
20 | /* | |
21 | * Sidebar | |
22 | */ | |
23 | ||
24 | .sidebar { | |
25 | position: fixed; | |
26 | top: 51px; | |
27 | bottom: 0; | |
28 | left: 0; | |
29 | z-index: 1000; | |
30 | padding: 20px; | |
31 | overflow-x: hidden; | |
32 | overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ | |
33 | border-right: 1px solid #eee; | |
34 | } | |
35 | ||
36 | /* Sidebar navigation */ | |
37 | .sidebar { | |
38 | padding-left: 0; | |
39 | padding-right: 0; | |
40 | } | |
41 | ||
42 | .sidebar .nav { | |
43 | margin-bottom: 20px; | |
44 | } | |
45 | ||
46 | .sidebar .nav-item { | |
47 | width: 100%; | |
48 | } | |
49 | ||
50 | .sidebar .nav-item + .nav-item { | |
51 | margin-left: 0; | |
52 | } | |
53 | ||
54 | .sidebar .nav-link { | |
55 | border-radius: 0; | |
56 | } | |
57 | ||
58 | /* | |
59 | * Dashboard | |
60 | */ | |
61 | ||
62 | /* Placeholders */ | |
63 | .placeholders { | |
64 | padding-bottom: 3rem; | |
65 | } | |
66 | ||
67 | .placeholder img { | |
68 | padding-top: 1.5rem; | |
69 | padding-bottom: 1.5rem; | |
70 | } |