UNPKG

@nextcloud/vue

Version:
354 lines (351 loc) 14.9 kB
@charset "UTF-8";/** * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-cd116174] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .widgets--list[data-v-cd116174] { width: 100%; min-height: var(--default-clickable-area); } /** * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-a47e4ba7] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * Colors and class selectors are extracted from source code of: * - library: highlight.js (v11.10.0) * - light theme: highlight.js/styles/github.css * - dark theme: highlight.js/styles/github-dark.css * and reworked to use with Nextcloud dark and light theme */ .rich-text--wrapper[data-v-a47e4ba7] { overflow-wrap: break-word; line-height: 1.5; } .rich-text--wrapper .rich-text--fallback[data-v-a47e4ba7], .rich-text--wrapper .rich-text-component[data-v-a47e4ba7] { display: inline; } .rich-text--wrapper .rich-text--external-link[data-v-a47e4ba7] { text-decoration: underline; } .rich-text--wrapper .rich-text--external-link[data-v-a47e4ba7]:after { content: " ↗"; } /* Markdown styles */ .rich-text--wrapper-markdown[data-v-a47e4ba7] { tab-size: 4; } .rich-text--wrapper-markdown[data-v-a47e4ba7] > :first-child, .rich-text--wrapper-markdown div[data-v-a47e4ba7] > :first-child, .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] > :first-child { margin-top: 0 !important; } .rich-text--wrapper-markdown[data-v-a47e4ba7] > :last-child, .rich-text--wrapper-markdown[data-v-a47e4ba7] > *:has(+ .rich-text--reference-widget), .rich-text--wrapper-markdown div[data-v-a47e4ba7] > :last-child, .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] > :last-child { margin-block-end: 0 !important; } .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] { padding-inline-start: 13px; border-inline-start: 2px solid var(--color-border-dark); color: var(--color-text-maxcontrast); } .rich-text--wrapper-markdown h1[data-v-a47e4ba7], .rich-text--wrapper-markdown h2[data-v-a47e4ba7], .rich-text--wrapper-markdown h3[data-v-a47e4ba7], .rich-text--wrapper-markdown h4[data-v-a47e4ba7], .rich-text--wrapper-markdown h5[data-v-a47e4ba7], .rich-text--wrapper-markdown h6[data-v-a47e4ba7], .rich-text--wrapper-markdown p[data-v-a47e4ba7], .rich-text--wrapper-markdown ul[data-v-a47e4ba7], .rich-text--wrapper-markdown ol[data-v-a47e4ba7], .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7], .rich-text--wrapper-markdown pre[data-v-a47e4ba7] { margin-top: 0; margin-block-end: 1em; } .rich-text--wrapper-markdown h1[data-v-a47e4ba7], .rich-text--wrapper-markdown h2[data-v-a47e4ba7], .rich-text--wrapper-markdown h3[data-v-a47e4ba7], .rich-text--wrapper-markdown h4[data-v-a47e4ba7], .rich-text--wrapper-markdown h5[data-v-a47e4ba7], .rich-text--wrapper-markdown h6[data-v-a47e4ba7] { font-weight: bold; } .rich-text--wrapper-markdown h4[data-v-a47e4ba7] { font-size: 20px; } .rich-text--wrapper-markdown h5[data-v-a47e4ba7] { font-size: 18px; } .rich-text--wrapper-markdown h6[data-v-a47e4ba7] { font-size: 15px; } .rich-text--wrapper-markdown ul[data-v-a47e4ba7], .rich-text--wrapper-markdown ol[data-v-a47e4ba7] { padding-inline-start: 4ch; } .rich-text--wrapper-markdown ul[data-v-a47e4ba7] { list-style-type: disc; } .rich-text--wrapper-markdown[data-v-a47e4ba7] { /* Flavored Markdown styles */ } .rich-text--wrapper-markdown ul.contains-task-list[data-v-a47e4ba7] { list-style-type: none; padding: 0; } .rich-text--wrapper-markdown li.task-list-item > ul[data-v-a47e4ba7], .rich-text--wrapper-markdown li.task-list-item > ol[data-v-a47e4ba7], .rich-text--wrapper-markdown li.task-list-item > li[data-v-a47e4ba7], .rich-text--wrapper-markdown li.task-list-item > blockquote[data-v-a47e4ba7], .rich-text--wrapper-markdown li.task-list-item > pre[data-v-a47e4ba7] { margin-inline-start: 15px; margin-block-end: 0; } .rich-text--wrapper-markdown pre[data-v-a47e4ba7] { direction: ltr; } .rich-text--wrapper-markdown table[data-v-a47e4ba7] { border-collapse: collapse; border: 2px solid var(--color-border-maxcontrast); } .rich-text--wrapper-markdown table th[data-v-a47e4ba7], .rich-text--wrapper-markdown table td[data-v-a47e4ba7] { padding: var(--default-grid-baseline); border: 1px solid var(--color-border-maxcontrast); } .rich-text--wrapper-markdown table th[data-v-a47e4ba7]:first-child, .rich-text--wrapper-markdown table td[data-v-a47e4ba7]:first-child { border-inline-start: 0; } .rich-text--wrapper-markdown table th[data-v-a47e4ba7]:last-child, .rich-text--wrapper-markdown table td[data-v-a47e4ba7]:last-child { border-inline-end: 0; } .rich-text--wrapper-markdown table tr:first-child th[data-v-a47e4ba7] { border-top: 0; } .rich-text--wrapper-markdown table tr:last-child td[data-v-a47e4ba7] { border-block-end: 0; } /* Highlight code syntax in code blocks */ /* stylelint-disable-next-line no-duplicate-selectors */ .rich-text--wrapper-markdown .rich-text__code-block[data-v-a47e4ba7]:has(.hljs) { color: var(--hljs-color); background: var(--hljs-background-color); } .rich-text--wrapper-markdown .hljs-doctag[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-keyword[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-template-tag[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-template-variable[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-type[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-variable.language_[data-v-a47e4ba7] { /* prettylights-syntax-keyword */ color: var(--hljs-syntax-keyword-color); } .rich-text--wrapper-markdown .hljs-title[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-title.class_[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-title.function_[data-v-a47e4ba7] { /* prettylights-syntax-entity */ color: var(--hljs-syntax-entity-color); } .rich-text--wrapper-markdown .hljs-attr[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-attribute[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-literal[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-meta[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-number[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-operator[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-variable[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-selector-attr[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-selector-class[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-selector-id[data-v-a47e4ba7] { /* prettylights-syntax-constant */ color: var(--hljs-syntax-constant-color); } .rich-text--wrapper-markdown .hljs-regexp[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-string[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-a47e4ba7] { /* prettylights-syntax-string */ color: var(--hljs-syntax-string-color); } .rich-text--wrapper-markdown .hljs-built_in[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-symbol[data-v-a47e4ba7] { /* prettylights-syntax-variable */ color: var(--hljs-syntax-variable-color); } .rich-text--wrapper-markdown .hljs-comment[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-code[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-formula[data-v-a47e4ba7] { /* prettylights-syntax-comment */ color: var(--hljs-syntax-comment-color); } .rich-text--wrapper-markdown .hljs-name[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-quote[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-selector-tag[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-a47e4ba7] { /* prettylights-syntax-entity-tag */ color: var(--hljs-syntax-entity-tag-color); } .rich-text--wrapper-markdown .hljs-subst[data-v-a47e4ba7] { /* prettylights-syntax-storage-modifier-import */ color: var(--hljs-syntax-storage-modifier-import-color); } .rich-text--wrapper-markdown .hljs-section[data-v-a47e4ba7] { /* prettylights-syntax-markup-heading */ color: var(--hljs-syntax-markup-heading-color); font-weight: bold; } .rich-text--wrapper-markdown .hljs-bullet[data-v-a47e4ba7] { /* prettylights-syntax-markup-list */ color: var(--hljs-syntax-markup-list-color); } .rich-text--wrapper-markdown .hljs-emphasis[data-v-a47e4ba7] { /* prettylights-syntax-markup-italic */ color: var(--hljs-syntax-markup-italic-color); font-style: italic; } .rich-text--wrapper-markdown .hljs-strong[data-v-a47e4ba7] { /* prettylights-syntax-markup-bold */ color: var(--hljs-syntax-markup-bold-color); font-weight: bold; } .rich-text--wrapper-markdown .hljs-addition[data-v-a47e4ba7] { /* prettylights-syntax-markup-inserted */ color: var(--hljs-syntax-markup-inserted-color); background-color: var(--hljs-syntax-markup-inserted-background-color); } .rich-text--wrapper-markdown .hljs-deletion[data-v-a47e4ba7] { /* prettylights-syntax-markup-deleted */ color: var(--hljs-syntax-markup-deleted-color); background-color: var(--hljs-syntax-markup-deleted-background-color); } .rich-text--wrapper-markdown .hljs-char.escape_[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-link[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-params[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-property[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-punctuation[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-tag[data-v-a47e4ba7] { /* purposely ignored */ } a[data-v-a47e4ba7]:not(.rich-text--component) { text-decoration: underline; } @media (prefers-color-scheme: light) { .rich-text--wrapper-markdown[data-v-a47e4ba7] { --hljs-color: var(--color-main-text, #24292e); --hljs-background-color: var(--color-background-dark, #ffffff); --hljs-syntax-keyword-color: #d73a49; --hljs-syntax-entity-color: #6f42c1; --hljs-syntax-constant-color: #005cc5; --hljs-syntax-string-color: #032f62; --hljs-syntax-variable-color: #e36209; --hljs-syntax-comment-color: #6a737d; --hljs-syntax-entity-tag-color: #22863a; --hljs-syntax-storage-modifier-import-color: #24292e; --hljs-syntax-markup-heading-color: #005cc5; --hljs-syntax-markup-list-color: #735c0f; --hljs-syntax-markup-italic-color: #24292e; --hljs-syntax-markup-bold-color: #24292e; --hljs-syntax-markup-inserted-color: #22863a; --hljs-syntax-markup-inserted-background-color: #f0fff4; --hljs-syntax-markup-deleted-color: #b31d28; --hljs-syntax-markup-deleted-background-color: #ffeef0; } [data-theme-dark] .rich-text--wrapper-markdown[data-v-a47e4ba7] { --hljs-color: var(--color-main-text, #c9d1d9); --hljs-background-color: var(--color-background-dark, #0d1117); --hljs-syntax-keyword-color: #ff7b72; --hljs-syntax-entity-color: #d2a8ff; --hljs-syntax-constant-color: #79c0ff; --hljs-syntax-string-color: #a5d6ff; --hljs-syntax-variable-color: #ffa657; --hljs-syntax-comment-color: #8b949e; --hljs-syntax-entity-tag-color: #7ee787; --hljs-syntax-storage-modifier-import-color: #c9d1d9; --hljs-syntax-markup-heading-color: #1f6feb; --hljs-syntax-markup-list-color: #f2cc60; --hljs-syntax-markup-italic-color: #c9d1d9; --hljs-syntax-markup-bold-color: #c9d1d9; --hljs-syntax-markup-inserted-color: #aff5b4; --hljs-syntax-markup-inserted-background-color: #033a16; --hljs-syntax-markup-deleted-color: #ffdcd7; --hljs-syntax-markup-deleted-background-color: #67060c; } } @media (prefers-color-scheme: dark) { .rich-text--wrapper-markdown[data-v-a47e4ba7] { --hljs-color: var(--color-main-text, #c9d1d9); --hljs-background-color: var(--color-background-dark, #0d1117); --hljs-syntax-keyword-color: #ff7b72; --hljs-syntax-entity-color: #d2a8ff; --hljs-syntax-constant-color: #79c0ff; --hljs-syntax-string-color: #a5d6ff; --hljs-syntax-variable-color: #ffa657; --hljs-syntax-comment-color: #8b949e; --hljs-syntax-entity-tag-color: #7ee787; --hljs-syntax-storage-modifier-import-color: #c9d1d9; --hljs-syntax-markup-heading-color: #1f6feb; --hljs-syntax-markup-list-color: #f2cc60; --hljs-syntax-markup-italic-color: #c9d1d9; --hljs-syntax-markup-bold-color: #c9d1d9; --hljs-syntax-markup-inserted-color: #aff5b4; --hljs-syntax-markup-inserted-background-color: #033a16; --hljs-syntax-markup-deleted-color: #ffdcd7; --hljs-syntax-markup-deleted-background-color: #67060c; } [data-theme-light] .rich-text--wrapper-markdown[data-v-a47e4ba7] { --hljs-color: var(--color-main-text, #24292e); --hljs-background-color: var(--color-background-dark, #ffffff); --hljs-syntax-keyword-color: #d73a49; --hljs-syntax-entity-color: #6f42c1; --hljs-syntax-constant-color: #005cc5; --hljs-syntax-string-color: #032f62; --hljs-syntax-variable-color: #e36209; --hljs-syntax-comment-color: #6a737d; --hljs-syntax-entity-tag-color: #22863a; --hljs-syntax-storage-modifier-import-color: #24292e; --hljs-syntax-markup-heading-color: #005cc5; --hljs-syntax-markup-list-color: #735c0f; --hljs-syntax-markup-italic-color: #24292e; --hljs-syntax-markup-bold-color: #24292e; --hljs-syntax-markup-inserted-color: #22863a; --hljs-syntax-markup-inserted-background-color: #f0fff4; --hljs-syntax-markup-deleted-color: #b31d28; --hljs-syntax-markup-deleted-background-color: #ffeef0; } } .rich-text__code-block[data-v-a47e4ba7] { position: relative; padding-inline-end: calc(var(--clickable-area-small) + var(--default-grid-baseline)); } .rich-text__code-block pre[data-v-a47e4ba7] { width: 100%; overflow-x: auto; } .rich-text__code-block .rich-text__code-block-button[data-v-a47e4ba7] { position: absolute; top: var(--default-grid-baseline); inset-inline-end: var(--default-grid-baseline); opacity: 0; } .rich-text__code-block:hover .rich-text__code-block-button[data-v-a47e4ba7], .rich-text__code-block:focus-within .rich-text__code-block-button[data-v-a47e4ba7], .rich-text__code-block .rich-text__code-block-button[data-v-a47e4ba7]:focus { opacity: 1; }