Read-only mirrors. Development, issues and pull requests are on GitHub.

summaryrefslogtreecommitdiffhomepage
path: root/app/components/content/Note.vue
blob: de4649ead8809d2524c0e00cf1f70a2bbb095f80 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!-- SPDX-FileCopyrightText: 2026 Progmasoft <support@progmasoft.com> -->
<!-- SPDX-License-Identifier: AGPL-3.0-or-later WITH AdditionRef-Progmasoft-Patent-Grant-1.1 -->

<!-- A remark beside the text of a document, written ::note in Markdown. -->
<template>
  <aside class="note"><slot /></aside>
</template>

<style scoped>
.note {
  margin: 24px 0;
  padding: 14px 18px;
  border-inline-start: 4px solid var(--gold);
  border-radius: 6px;
  background: var(--surface-muted);
  color: var(--ink-700);
}

.note :deep(p) {
  margin: 0;
}
</style>