summaryrefslogtreecommitdiff
path: root/docs-www/src/components/Note.astro
diff options
context:
space:
mode:
authorGravatar Fred K. Schott <fkschott@gmail.com> 2021-06-29 13:12:27 -0700
committerGravatar Fred K. Schott <fkschott@gmail.com> 2021-06-29 13:12:27 -0700
commit9c7921300c5aae35ee947be5fc515e5b3fdaf1a2 (patch)
tree94dc4d802341e827466f641de97acf74905c706c /docs-www/src/components/Note.astro
parent4df98a79f8d5f14e9e049322a6eef2db4f985ae4 (diff)
parent279a25246260ef95459d29c8029b18bd89adc206 (diff)
downloadastro-9c7921300c5aae35ee947be5fc515e5b3fdaf1a2.tar.gz
astro-9c7921300c5aae35ee947be5fc515e5b3fdaf1a2.tar.zst
astro-9c7921300c5aae35ee947be5fc515e5b3fdaf1a2.zip
Merge branch 'docs-sync-1'
Diffstat (limited to 'docs-www/src/components/Note.astro')
-rw-r--r--docs-www/src/components/Note.astro52
1 files changed, 0 insertions, 52 deletions
diff --git a/docs-www/src/components/Note.astro b/docs-www/src/components/Note.astro
deleted file mode 100644
index c57ede3a0..000000000
--- a/docs-www/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>