@nextcloud/vue
Version:
Nextcloud vue components
354 lines (351 loc) • 14.9 kB
CSS
@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 ;
}
.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 ;
}
.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;
}