aboutsummaryrefslogtreecommitdiff
path: root/src/plugins/shikiCodeblocks.desktop/shiki.css
diff options
context:
space:
mode:
authorV <vendicated@riseup.net>2023-09-19 04:07:24 +0200
committerV <vendicated@riseup.net>2023-09-19 04:11:27 +0200
commit41f5d71e38f785786656e111cf2ea1200e45886d (patch)
tree564a0300485de18a0b8d396118f09c6f756105ed /src/plugins/shikiCodeblocks.desktop/shiki.css
parentefb88a4df8037fc1394a9e2053c49e75d340f401 (diff)
downloadVencord-41f5d71e38f785786656e111cf2ea1200e45886d.tar.gz
Vencord-41f5d71e38f785786656e111cf2ea1200e45886d.tar.bz2
Vencord-41f5d71e38f785786656e111cf2ea1200e45886d.zip
Bundle dependencies with extensions for webstore rule compliance (#1740)
Diffstat (limited to 'src/plugins/shikiCodeblocks.desktop/shiki.css')
-rw-r--r--src/plugins/shikiCodeblocks.desktop/shiki.css101
1 files changed, 101 insertions, 0 deletions
diff --git a/src/plugins/shikiCodeblocks.desktop/shiki.css b/src/plugins/shikiCodeblocks.desktop/shiki.css
new file mode 100644
index 0000000..8674147
--- /dev/null
+++ b/src/plugins/shikiCodeblocks.desktop/shiki.css
@@ -0,0 +1,101 @@
+.shiki-container {
+ border: 4px;
+ background-color: var(--background-secondary);
+}
+
+.shiki-root {
+ border-radius: 4px;
+}
+
+.shiki-root code {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ position: relative;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
+ text-indent: 0;
+ white-space: pre-wrap;
+ background: transparent;
+ border: none;
+}
+
+.shiki-devicon {
+ margin-right: 8px;
+ user-select: none;
+}
+
+.shiki-plain code {
+ padding-top: 8px;
+}
+
+.shiki-btns {
+ font-size: 1em;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ opacity: 0;
+}
+
+.shiki-root:hover .shiki-btns {
+ opacity: 1;
+}
+
+.shiki-btn {
+ border-radius: 4px 4px 0 0;
+ padding: 4px 8px;
+ user-select: none;
+}
+
+.shiki-btn ~ .shiki-btn {
+ margin-left: 4px;
+}
+
+.shiki-btn:last-child {
+ border-radius: 4px 0;
+}
+
+.shiki-spinner-container {
+ align-items: center;
+ background-color: rgb(0 0 0 / 60%);
+ display: flex;
+ position: absolute;
+ justify-content: center;
+ inset: 0;
+}
+
+.shiki-preview {
+ margin-bottom: 2em;
+}
+
+.shiki-lang {
+ padding: 0 5px;
+ margin-bottom: 6px;
+ font-weight: bold;
+ text-transform: capitalize;
+ display: flex;
+ align-items: center;
+}
+
+.shiki-table {
+ border-collapse: collapse;
+ width: 100%;
+}
+
+.shiki-table tr {
+ height: 19px;
+ width: 100%;
+}
+
+.shiki-root td:first-child {
+ border-right: 1px solid transparent;
+ padding-left: 5px;
+ padding-right: 8px;
+ user-select: none;
+}
+
+.shiki-root td:last-child {
+ padding-left: 8px;
+ word-break: break-word;
+ width: 100%;
+}