markdown-globals.css

1/* Global styles for markdown content */
2.markdown pre span {
3  transition: background-color 0.2s ease;
4}
5
6.markdown pre ::selection {
7  background-color: rgba(255, 255, 255, 0.2);
8}
9
10.markdown pre span:hover {
11  background-color: rgba(255, 255, 255, 0.05);
12}
13
14.markdown pre span[style*="display: inline-block"] {
15  user-select: none;
16  cursor: pointer;
17  min-width: 3em;
18  padding-right: 1em;
19  text-align: right;
20  color: rgba(255, 255, 255, 0.3);
21  border-right: 1px solid rgba(255, 255, 255, 0.1);
22  margin-right: 1em;
23}
24
25.highlighted-line {
26  background-color: rgba(255, 255, 255, 0.1);
27  margin: 0 -1rem;
28  padding: 0 1rem;
29}
30
31/* Volume slider styling */
32input[type="range"] {
33  appearance: none;
34  background-color: rgb(55, 65, 81);
35  height: 0.25rem;
36  border-radius: 9999px;
37}
38
39input[type="range"]::-webkit-slider-thumb {
40  appearance: none;
41  width: 0.75rem;
42  height: 0.75rem;
43  background-color: rgb(168, 85, 247);
44  border-radius: 9999px;
45  cursor: pointer;
46}
47
48input[type="range"]::-moz-range-thumb {
49  width: 0.75rem;
50  height: 0.75rem;
51  background-color: rgb(168, 85, 247);
52  border-radius: 9999px;
53  cursor: pointer;
54  border: none;
55}