|
389
|
1 #paste-show {
|
|
390
|
2 flex: 1 0 auto;
|
|
389
|
3 display: flex;
|
|
|
4 flex-direction: column;
|
|
|
5
|
|
|
6 .nav {
|
|
|
7 flex: none;
|
|
|
8 display: flex;
|
|
|
9 list-style: none;
|
|
|
10 justify-content: space-between;
|
|
|
11 padding: 0px;
|
|
|
12 margin: (-$spacing) (-$spacing) $spacing;
|
|
|
13
|
|
|
14 li {
|
|
|
15 flex: 1;
|
|
|
16
|
|
|
17 a {
|
|
|
18 display: block;
|
|
|
19 padding: $spacing;
|
|
|
20 text-align: center;
|
|
|
21 &:hover {
|
|
|
22 background-color: #ccc;
|
|
|
23 }
|
|
|
24 }
|
|
|
25 }
|
|
|
26 }
|
|
|
27
|
|
|
28 pre {
|
|
|
29 white-space: pre-wrap;
|
|
|
30 }
|
|
|
31 }
|
|
|
32
|
|
|
33 #paste {
|
|
390
|
34 flex: 1 0 auto;
|
|
|
35
|
|
|
36 font-family: $monospace;
|
|
|
37 ol {
|
|
|
38 background-color: #eee;
|
|
|
39 }
|
|
|
40 li {
|
|
|
41 background-color: #fff;
|
|
|
42 &:hover {
|
|
|
43 background-color: $info;
|
|
|
44 }
|
|
|
45
|
|
|
46 &:target {
|
|
|
47 background-color: $info;
|
|
|
48 }
|
|
|
49 }
|
|
389
|
50 }
|
|
|
51
|
|
|
52 #paste-show-nav {
|
|
|
53 flex: none;
|
|
|
54 display: flex;
|
|
|
55 flex-direction: column;
|
|
|
56 }
|
