bentocache/docs/assets/app.css at 2c0a5cf36ff2a08dfc4d40f3bc72dff98402c765 · Julien-R44/bentocache · GitHub

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
@import 'unpoly';
@import '@docsearch/css';

/* Gray colors */
@import '@radix-ui/colors/mauve.css';
@import '@radix-ui/colors/mauve-alpha.css';
@import '@radix-ui/colors/mauve-dark.css';
@import '@radix-ui/colors/mauve-dark-alpha.css';

/* Accent colors */
@import '@radix-ui/colors/iris.css';
@import '@radix-ui/colors/iris-alpha.css';
@import '@radix-ui/colors/iris-dark.css';
@import '@radix-ui/colors/iris-dark-alpha.css';

/* Interface colors */
@import '@radix-ui/colors/orange-alpha.css';
@import '@radix-ui/colors/iris-alpha.css';
@import '@radix-ui/colors/orange-dark-alpha.css';
@import '@radix-ui/colors/iris-dark-alpha.css';

/**
 * Dimer doc theme styles
 */
@import '@dimerapp/docs-theme/styles';

:root {
  --progress-bar-color: var(--iris-a11);
  --sidebar-active-link-bg-color: var(--iris-a6);
  --sidebar-active-link-text-color: var(--iris-12);
  --aside-active-link-text-color: var(--iris-11);
  --pre-tabs-active-border-color: var(--iris-10);

  --note-icon-color: var(--iris-a11);
  --code-bg-color: var(--iris-a3);
  --code-text-color: var(--iris-a11);
  --code-highlight-border-color: var(--iris-11);
  --sidebar-loading-link-bg-color: var(--iris-a3);
  --docsearch-primary-color: var(--iris-9);
}

html.dark {
  --progress-bar-color: var(--iris-a11);
  --sidebar-active-link-bg-color: var(--iris-a5);
  --sidebar-active-link-text-color: var(--iris-12);
  --aside-active-link-text-color: var(--iris-11);
  --pre-tabs-active-border-color: var(--iris-a10);

  --note-icon-color: var(--iris-a11);
  --code-bg-color: var(--iris-a3);
  --code-text-color: var(--iris-a11);
  --code-highlight-border-color: var(--iris-a8);
  --sidebar-loading-link-bg-color: var(--iris-a7);
  --docsearch-primary-color: var(--iris-9);
}

.markdown .media_box {
  padding: 2rem;
  border: 4px solid var(--mauve-4);
  border-radius: 4px;
  margin: var(--prose-elements-margin) 0;
}

.markdown .media_box figure,
.markdown .media_box p {
  margin: 0;
}

.markdown ul li ul {
  margin: 0px;
}

@media only screen and (min-width: 768px) {
  .header_container {
    background-color: var(--mauveA1);
    backdrop-filter: blur(10px);
  }
}

.markdown .table_container {
  overflow-x: auto;
}