|
24 | 24 |
|
25 | 25 | /* General admonition styling */
|
26 | 26 | /* TODO: Write this in a way that supports the light theme */
|
27 |
| -[data-md-color-scheme="slate"] |
28 |
| - .md-typeset |
29 |
| - details:not(.warning, .failure, .danger, .bug) |
30 |
| - > .admonition-title, |
31 |
| -[data-md-color-scheme="slate"] |
32 |
| - .md-typeset |
33 |
| - details:not(.warning, .failure, .danger, .bug) |
34 |
| - > summary { |
35 |
| - background: var(--md-primary-fg-color) !important; |
36 |
| -} |
37 |
| - |
38 |
| -[data-md-color-scheme="slate"] .md-typeset .admonition, |
39 |
| -[data-md-color-scheme="slate"] .md-typeset details { |
| 27 | +[data-md-color-scheme="slate"] .md-typeset .admonition { |
40 | 28 | border-color: transparent !important;
|
41 | 29 | }
|
42 | 30 |
|
43 |
| -[data-md-color-scheme="slate"] .md-typeset details > .admonition-title:after, |
44 |
| -[data-md-color-scheme="slate"] .md-typeset details > summary:after { |
45 |
| - color: var(--md-admonition-fg-color) !important; |
| 31 | +.md-typeset :is(.admonition, details) { |
| 32 | + margin: 0.55em 0; |
46 | 33 | }
|
47 | 34 |
|
48 |
| -.md-typeset .admonition.summary, |
49 |
| -.md-typeset details.summary { |
| 35 | +.md-typeset .admonition { |
50 | 36 | font-size: 0.7rem;
|
51 | 37 | }
|
52 | 38 |
|
53 |
| -.md-typeset :is(.admonition, details) { |
54 |
| - margin: 0.55em 0; |
55 |
| -} |
56 |
| - |
57 | 39 | /* Colors for "summary" admonition */
|
58 |
| -[data-md-color-scheme="slate"] .md-typeset .admonition.summary, |
59 |
| -[data-md-color-scheme="slate"] .md-typeset details.summary { |
| 40 | +[data-md-color-scheme="slate"] .md-typeset .admonition.summary { |
60 | 41 | background: #353a45;
|
61 | 42 | padding: 0.8rem 1.4rem;
|
62 | 43 | border-radius: 0.8rem;
|
63 | 44 | }
|
64 | 45 |
|
65 |
| -[data-md-color-scheme="slate"] .md-typeset details.summary > .admonition-title, |
66 |
| -[data-md-color-scheme="slate"] .md-typeset details.summary > summary { |
67 |
| - background: #353a45 !important; |
68 |
| -} |
69 |
| - |
70 |
| -[data-md-color-scheme="slate"] .md-typeset .summary .admonition-title, |
71 |
| -[data-md-color-scheme="slate"] .md-typeset .summary summary { |
| 46 | +[data-md-color-scheme="slate"] .md-typeset .summary .admonition-title { |
72 | 47 | font-size: 1rem;
|
73 | 48 | background: transparent;
|
74 | 49 | padding-left: 0.6rem;
|
|
79 | 54 | display: none;
|
80 | 55 | }
|
81 | 56 |
|
82 |
| -[data-md-color-scheme="slate"] .md-typeset .admonition.summary, |
83 |
| -[data-md-color-scheme="slate"] .md-typeset .summary details { |
| 57 | +[data-md-color-scheme="slate"] .md-typeset .admonition.summary { |
84 | 58 | border-color: #ffffff17 !important;
|
85 | 59 | }
|
86 | 60 |
|
87 | 61 | /* Colors for "note" admonition */
|
88 |
| -[data-md-color-scheme="slate"] .md-typeset .admonition.note, |
89 |
| -[data-md-color-scheme="slate"] .md-typeset details.note { |
| 62 | +[data-md-color-scheme="slate"] .md-typeset .admonition.note { |
90 | 63 | background: rgb(43 110 98/ 0.2);
|
91 | 64 | padding: 0.8rem 1.4rem;
|
92 | 65 | border-radius: 0.8rem;
|
93 | 66 | }
|
94 | 67 |
|
95 |
| -[data-md-color-scheme="slate"] .md-typeset .note .admonition-title, |
96 |
| -[data-md-color-scheme="slate"] .md-typeset .note summary { |
| 68 | +[data-md-color-scheme="slate"] .md-typeset .note .admonition-title { |
97 | 69 | font-size: 1rem;
|
98 | 70 | background: transparent;
|
99 | 71 | padding-bottom: 0;
|
|
112 | 84 | }
|
113 | 85 |
|
114 | 86 | /* Colors for "warning" admonition */
|
115 |
| -[data-md-color-scheme="slate"] .md-typeset .admonition.warning, |
116 |
| -[data-md-color-scheme="slate"] .md-typeset details.warning { |
| 87 | +[data-md-color-scheme="slate"] .md-typeset .admonition.warning { |
117 | 88 | background: rgb(182 87 0 / 0.2);
|
118 | 89 | padding: 0.8rem 1.4rem;
|
119 | 90 | border-radius: 0.8rem;
|
120 | 91 | }
|
121 | 92 |
|
122 |
| -[data-md-color-scheme="slate"] .md-typeset .warning .admonition-title, |
123 |
| -[data-md-color-scheme="slate"] .md-typeset .warning summary { |
| 93 | +[data-md-color-scheme="slate"] .md-typeset .warning .admonition-title { |
124 | 94 | font-size: 1rem;
|
125 | 95 | background: transparent;
|
126 | 96 | padding-bottom: 0;
|
|
132 | 102 | background-color: rgb(219 125 39);
|
133 | 103 | }
|
134 | 104 |
|
| 105 | +/* Colors for "info" admonition */ |
| 106 | +[data-md-color-scheme="slate"] .md-typeset .admonition.info { |
| 107 | + background: rgb(43 52 145 / 0.2); |
| 108 | + padding: 0.8rem 1.4rem; |
| 109 | + border-radius: 0.8rem; |
| 110 | +} |
| 111 | + |
| 112 | +[data-md-color-scheme="slate"] .md-typeset .info .admonition-title { |
| 113 | + font-size: 1rem; |
| 114 | + background: transparent; |
| 115 | + padding-bottom: 0; |
| 116 | + color: rgb(136 145 236); |
| 117 | +} |
| 118 | + |
| 119 | +[data-md-color-scheme="slate"] .md-typeset .info .admonition-title:before { |
| 120 | + font-size: 1.1rem; |
| 121 | + background-color: rgb(136 145 236); |
| 122 | +} |
| 123 | + |
135 | 124 | /* Move the sidebars to the edges of the page */
|
136 | 125 | .md-main__inner.md-grid {
|
137 | 126 | margin-left: 0;
|
|
0 commit comments