1
+ body {
2
+ min-height : 100vh ;
3
+ background : # 232323 ;
4
+ padding-top : 4.5rem ;
5
+ }
6
+
7
+ main {
8
+ display : flex;
9
+ flex-wrap : nowrap;
10
+ height : 100% ;
11
+ max-height : 100% ;
12
+ overflow-x : auto;
13
+ overflow-y : hidden;
14
+ }
15
+
16
+ .b-example-divider {
17
+ flex-shrink : 0 ;
18
+ width : 1.5rem ;
19
+ height : 100vh ;
20
+ background-color : rgba (0 , 0 , 0 , 0.1 );
21
+ border : solid rgba (0 , 0 , 0 , 0.15 );
22
+ border-width : 1px 0 ;
23
+ box-shadow : inset 0 0.5em 1.5em rgba (0 , 0 , 0 , 0.1 ),
24
+ inset 0 0.125em 0.5em rgba (0 , 0 , 0 , 0.15 );
25
+ }
26
+
27
+ .bi {
28
+ vertical-align : -0.125em ;
29
+ pointer-events : none;
30
+ fill : currentColor;
31
+ }
32
+
33
+ .dropdown-toggle {
34
+ outline : 0 ;
35
+ }
36
+
37
+ .nav-flush .nav-link {
38
+ border-radius : 0 ;
39
+ }
40
+
41
+ .btn-toggle {
42
+ display : inline-flex;
43
+ align-items : center;
44
+ padding : 0.25rem 0.5rem ;
45
+ font-weight : 600 ;
46
+ color : rgba (0 , 0 , 0 , 0.65 );
47
+ background-color : transparent;
48
+ border : 0 ;
49
+ }
50
+ .btn-toggle : hover ,
51
+ .btn-toggle : focus {
52
+ color : rgba (0 , 0 , 0 , 0.85 );
53
+ background-color : # d2f4ea ;
54
+ }
55
+
56
+ .btn-toggle ::before {
57
+ width : 1.25em ;
58
+ line-height : 0 ;
59
+ content : url ("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e" );
60
+ transition : transform 0.35s ease;
61
+ transform-origin : 0.5em 50% ;
62
+ }
63
+
64
+ .btn-toggle [aria-expanded = "true" ] {
65
+ color : rgba (0 , 0 , 0 , 0.85 );
66
+ }
67
+ .btn-toggle [aria-expanded = "true" ]::before {
68
+ transform : rotate (90deg );
69
+ }
70
+
71
+ .btn-toggle-nav a {
72
+ display : inline-flex;
73
+ padding : 0.1875rem 0.5rem ;
74
+ margin-top : 0.125rem ;
75
+ margin-left : 1.25rem ;
76
+ text-decoration : none;
77
+ }
78
+ .btn-toggle-nav a : hover ,
79
+ .btn-toggle-nav a : focus {
80
+ background-color : # d2f4ea ;
81
+ }
82
+
83
+ .scrollarea {
84
+ overflow-y : auto;
85
+ }
86
+
87
+ .fw-semibold {
88
+ font-weight : 600 ;
89
+ }
90
+ .lh-tight {
91
+ line-height : 1.25 ;
92
+ }
93
+
94
+ # code {
95
+ left : 0 ;
96
+ position : fixed;
97
+ width : 100% ;
98
+ height : calc (100% - 3.5rem );
99
+ top : 3.5rem ;
100
+ margin : 0 ;
101
+ padding : 0 ;
102
+ z-index : 10 ;
103
+ overflow : auto;
104
+ }
105
+
106
+ # code pre {
107
+ height : 100% ;
108
+ }
109
+
110
+ .hljs {
111
+ background : # 282c34cc !important ;
112
+ height : 100% ;
113
+ }
114
+
115
+ # ads {
116
+ position : fixed;
117
+ top : 3.5rem ;
118
+ right : 0 ;
119
+ max-width : 330px ;
120
+ height : 100px ;
121
+ z-index : 0 ;
122
+ background : # 232323 ;
123
+ border-bottom : 1px solid # 343a40 ;
124
+ }
0 commit comments