aboutsummaryrefslogtreecommitdiff
path: root/examples/docs/src/components/Note.astro
diff options
context:
space:
mode:
Diffstat (limited to 'examples/docs/src/components/Note.astro')
-rw-r--r--examples/docs/src/components/Note.astro52
1 files changed, 0 insertions, 52 deletions
diff --git a/examples/docs/src/components/Note.astro b/examples/docs/src/components/Note.astro
deleted file mode 100644
index c57ede3a0..000000000
--- a/examples/docs/src/components/Note.astro
+++ /dev/null
@@ -1,52 +0,0 @@
----
-export interface Props {
- title: string;
- type?: 'tip' | 'warning' | 'error'
-}
-const { type = 'tip', title } = Astro.props;
----
-
-<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>