forked from labex-labs/python-cheatsheet
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.css
More file actions
69 lines (63 loc) · 1.8 KB
/
index.css
File metadata and controls
69 lines (63 loc) · 1.8 KB
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
@import './markdown.css';
@import './fonts.css';
@import './docsearch.css';
@tailwind base;
@tailwind components;
@tailwind utilities;
/*
* Prose overrides - must be loaded after @tailwind utilities
* This file contains styles that override Tailwind Typography defaults
*/
/* Remove backticks from inline code elements */
.prose
:where(code):not(
:where([class~='not-prose'], [class~='not-prose'] *)
)::before,
.prose
:where(code):not(
:where([class~='not-prose'], [class~='not-prose'] *)
)::after {
content: none !important;
}
/* Enhanced inline code styling with theme colors */
.prose
:where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)):not(
pre code
) {
background-color: rgb(238 244 255) !important;
color: rgb(26 55 122) !important;
padding: 0.125rem 0.375rem !important;
border-radius: 0.25rem !important;
font-size: 0.875em !important;
font-weight: 500 !important;
font-family:
ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
'Courier New', monospace !important;
border: 1px solid rgb(199 215 254) !important;
transition: all 0.15s ease !important;
}
.prose
:where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)):not(
pre code
):hover {
background-color: rgb(224 233 255) !important;
border-color: rgb(164 189 252) !important;
}
/* Dark mode styles */
.dark
.prose
:where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)):not(
pre code
) {
background-color: rgb(26 55 122) !important;
color: rgb(129 153 249) !important;
border-color: rgb(37 99 235) !important;
}
.dark
.prose
:where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)):not(
pre code
):hover {
background-color: rgb(37 99 235) !important;
border-color: rgb(46 126 238) !important;
}