summaryrefslogtreecommitdiff
path: root/examples/doc/src/components/Note.astro
diff options
context:
space:
mode:
Diffstat (limited to 'examples/doc/src/components/Note.astro')
-rw-r--r--examples/doc/src/components/Note.astro49
1 files changed, 0 insertions, 49 deletions
diff --git a/examples/doc/src/components/Note.astro b/examples/doc/src/components/Note.astro
deleted file mode 100644
index 46940ddf8..000000000
--- a/examples/doc/src/components/Note.astro
+++ /dev/null
@@ -1,49 +0,0 @@
----
-export let type = "tip";
-export let title;
----
-
-<aside class={`note type-${type}`}>
- {title && <label>{title}</label>}
- <slot />
-</aside>
-
-<style>
- .note {
- --padding-block: 1rem;
- --padding-inline: 1.25rem;
-
- display: flex;
- flex-direction: column;
-
- padding: var(--padding-block) var(--padding-inline);
- margin-left: calc(var(--padding-inline) * -1);
- margin-right: calc(var(--padding-inline) * -1);
-
- background: var(--theme-bg-offset);
- border-left: calc(var(--padding-inline) / 2) solid var(--color);
- border-radius: 0;
- }
-
- .note label {
- font-weight: 500;
- color: var(--color);
- }
-
- /* .note :global(a) {
- color: var(--color);
- } */
-
- .note.type-tip {
- --color: var(--color-green);
- --color-rgb: var(--color-green-rgb);
- }
- .note.type-warning {
- --color: var(--color-yellow);
- --color-rgb: var(--color-yellow-rgb);
- }
- .note.type-error {
- --color: var(--color-red);
- --color-rgb: var(--color-red-rgb);
- }
-</style>