|
|
|
|
|
|
|
|
.notion-code { |
|
|
background-color: rgba(249, 250, 251, 1); |
|
|
border: 1px solid rgba(229, 231, 235, 1); |
|
|
border-radius: 0.375rem; |
|
|
padding: 1.5em !important; |
|
|
} |
|
|
|
|
|
@media (min-width: 1300px) { |
|
|
.notion-code { |
|
|
max-width: var(--notion-max-width); |
|
|
} |
|
|
} |
|
|
|
|
|
@media (max-width: 640px) { |
|
|
.notion-code { |
|
|
max-width: 100vw; |
|
|
} |
|
|
} |
|
|
|
|
|
.dark-mode .notion-code { |
|
|
background-color: rgba(17, 24, 39, 1); |
|
|
border-color: rgba(55, 65, 81, 1); |
|
|
} |
|
|
.notion code { |
|
|
color: rgba(31, 41, 55, 1); |
|
|
border: 0 none !important; |
|
|
box-shadow: none !important; |
|
|
background: none !important; |
|
|
padding: 0 !important; |
|
|
} |
|
|
.dark-mode .notion code { |
|
|
color: rgba(229, 231, 235, 1); |
|
|
} |
|
|
.token.cdata, |
|
|
.token.doctype, |
|
|
.token.prolog { |
|
|
color: rgba(55, 65, 81, 1); |
|
|
} |
|
|
.token.comment { |
|
|
color: #5b9b4c; |
|
|
} |
|
|
.dark-mode .token.cdata, |
|
|
.dark-mode .token.doctype, |
|
|
.dark-mode .token.prolog { |
|
|
color: rgba(209, 213, 219, 1); |
|
|
} |
|
|
.token.punctuation { |
|
|
color: rgba(55, 65, 81, 1); |
|
|
} |
|
|
.dark-mode .token.punctuation { |
|
|
color: rgba(209, 213, 219, 1); |
|
|
} |
|
|
.token.boolean, |
|
|
.token.constant, |
|
|
.token.deleted, |
|
|
.token.number, |
|
|
.token.property, |
|
|
.token.symbol, |
|
|
.token.tag { |
|
|
color: rgba(16, 185, 129, 1); |
|
|
} |
|
|
.token.attr-name, |
|
|
.token.builtin, |
|
|
.token.char, |
|
|
.token.inserted, |
|
|
.token.selector, |
|
|
.token.string { |
|
|
color: rgba(139, 92, 246, 1); |
|
|
} |
|
|
.language-css .token.string, |
|
|
.style .token.string, |
|
|
.token.entity, |
|
|
.token.operator, |
|
|
.token.url { |
|
|
color: rgba(245, 158, 11, 1); |
|
|
} |
|
|
.token.atrule, |
|
|
.token.attr-value, |
|
|
.token.keyword { |
|
|
color: rgba(59, 130, 246, 1); |
|
|
} |
|
|
.token.class-name, |
|
|
.token.function { |
|
|
color: rgba(236, 72, 153, 1); |
|
|
} |
|
|
.token.important, |
|
|
.token.regex, |
|
|
.token.variable { |
|
|
color: rgba(245, 158, 11, 1); |
|
|
} |
|
|
code[class*='language-'], |
|
|
pre[class*='language-'] { |
|
|
color: rgba(31, 41, 55, 1); |
|
|
} |
|
|
.dark-mode code[class*='language-'], |
|
|
.dark-mode pre[class*='language-'] { |
|
|
color: rgba(249, 250, 251, 1); |
|
|
} |
|
|
pre::-webkit-scrollbar { |
|
|
display: none; |
|
|
} |
|
|
pre { |
|
|
-ms-overflow-style: none; |
|
|
scrollbar-width: none; |
|
|
} |
|
|
.token.operator, |
|
|
.token.entity, |
|
|
.token.url, |
|
|
.token.variable { |
|
|
background: none; |
|
|
} |
|
|
|
|
|
pre[class*='language-'] > code { |
|
|
border-left: 0 none !important; |
|
|
box-shadow: none !important; |
|
|
background: none !important; |
|
|
} |
|
|
|
