| |
|
|
| .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; |
| } |
|
|
