diff --git a/src/app.css b/src/app.css index 9e56d32f02..3ceccec7b8 100644 --- a/src/app.css +++ b/src/app.css @@ -353,7 +353,7 @@ --text-caption--line-height: var(--leading-xs); --text-caption--letter-spacing: var(--tracking-tighter); --text-sub-body: clamp(var(--font-size-tiny), 0.756rem + 0.382vw, var(--font-size-small)); - --text-sub-body--line-height: clamp(var(--leading-tiny), 0.642rem + 1.145vw, var(--leading-xs)); + --text-sub-body--line-height: var(--leading-xs); --text-sub-body--letter-spacing: clamp( var(--tracking-tighter), -0.013em, diff --git a/src/icons/optimized/info.svg b/src/icons/optimized/info.svg new file mode 100644 index 0000000000..d8a73ee8ff --- /dev/null +++ b/src/icons/optimized/info.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/svg/info.svg b/src/icons/svg/info.svg new file mode 100644 index 0000000000..1cfb07114e --- /dev/null +++ b/src/icons/svg/info.svg @@ -0,0 +1,4 @@ + + + \ No newline at end of file diff --git a/src/lib/components/Accordion/Item.svelte b/src/lib/components/Accordion/Item.svelte index 37b15b2567..e110f435e9 100644 --- a/src/lib/components/Accordion/Item.svelte +++ b/src/lib/components/Accordion/Item.svelte @@ -1,37 +1,27 @@ -
  • -
    +
  • +
    {title}
    -
    - +
    + {@render children()}
    • - - diff --git a/src/lib/components/MultiCodeContextless.svelte b/src/lib/components/MultiCodeContextless.svelte index d356c1f957..9d33dfdf86 100644 --- a/src/lib/components/MultiCodeContextless.svelte +++ b/src/lib/components/MultiCodeContextless.svelte @@ -64,7 +64,9 @@
    {#if platform} -
    {platform}
    +
    + {platform} +
    {/if}
    diff --git a/src/lib/components/Newsletter.svelte b/src/lib/components/Newsletter.svelte index 659fec0f63..8668ffc8ba 100644 --- a/src/lib/components/Newsletter.svelte +++ b/src/lib/components/Newsletter.svelte @@ -141,16 +141,3 @@ - - diff --git a/src/lib/components/shared/video/player.svelte b/src/lib/components/shared/video/player.svelte index f6e67c5b6e..feabeac8ba 100644 --- a/src/lib/components/shared/video/player.svelte +++ b/src/lib/components/shared/video/player.svelte @@ -31,7 +31,7 @@ > @@ -79,8 +79,8 @@ rgba(255, 255, 255, 0) 127.21% ); backdrop-filter: blur(16px); - width: 2.625rem; - height: 2.625rem; + width: 3.125rem; + height: 3.125rem; position: absolute; top: 50%; diff --git a/src/lib/components/ui/icon/sprite/sprite.svelte b/src/lib/components/ui/icon/sprite/sprite.svelte index 59df8605f7..828135f006 100644 --- a/src/lib/components/ui/icon/sprite/sprite.svelte +++ b/src/lib/components/ui/icon/sprite/sprite.svelte @@ -235,6 +235,14 @@ fill="currentColor" > + + + {#if badgeValue}
    -
    {badgeValue}
    +
    + {badgeValue} +
    {/if} diff --git a/src/markdoc/nodes/Th.svelte b/src/markdoc/nodes/Th.svelte index a7a3499907..407df9b620 100644 --- a/src/markdoc/nodes/Th.svelte +++ b/src/markdoc/nodes/Th.svelte @@ -1,8 +1,14 @@ - - + + {@render children()} diff --git a/src/markdoc/tags/Cards.svelte b/src/markdoc/tags/Cards.svelte index b1330a4a8a..c1343be4dc 100644 --- a/src/markdoc/tags/Cards.svelte +++ b/src/markdoc/tags/Cards.svelte @@ -8,6 +8,6 @@ const { children }: CardsProps = $props(); -
    +
    {@render children()}
    diff --git a/src/markdoc/tags/Cards_Image_Item.svelte b/src/markdoc/tags/Cards_Image_Item.svelte index 5fc2612599..b5f57f6a97 100644 --- a/src/markdoc/tags/Cards_Image_Item.svelte +++ b/src/markdoc/tags/Cards_Image_Item.svelte @@ -24,7 +24,7 @@ -

    +

    {@render children()}

    diff --git a/src/markdoc/tags/Info.svelte b/src/markdoc/tags/Info.svelte index d89e8f2cc4..656d9e54a5 100644 --- a/src/markdoc/tags/Info.svelte +++ b/src/markdoc/tags/Info.svelte @@ -9,8 +9,8 @@ const { title, children }: Props = $props(); -
    - -
    {title}
    - {@render children?.()} +
    + +
    {title}
    +

    {@render children?.()}

    diff --git a/src/markdoc/tags/Tabs.svelte b/src/markdoc/tags/Tabs.svelte index 627a02b592..41e6edd664 100644 --- a/src/markdoc/tags/Tabs.svelte +++ b/src/markdoc/tags/Tabs.svelte @@ -44,7 +44,7 @@
    -
    +
    {@render children()}
    diff --git a/src/routes/blog/post/markdoc-tags/+page.markdoc b/src/routes/blog/post/markdoc-tags/+page.markdoc new file mode 100644 index 0000000000..d781ed9402 --- /dev/null +++ b/src/routes/blog/post/markdoc-tags/+page.markdoc @@ -0,0 +1,81 @@ +--- +layout: post +title: "Markdoc Tags in Appwrite" +description: All of our markdoc tags. +date: 2025-08-21 +cover: /images/blog/sites-announcement/sites-cover.png +timeToRead: 6 +author: jesse-winton +draft: true +--- + +# All of our tags + +## Accordion +{% accordion %} +{%accordion_item title="What is Appwrite Sites?" id="what-is-appwrite-sites" %} +Appwrite Sites is a new product that allows you to deploy and host your websites and web apps directly within Appwrite. It provides an all-in-one solution for building, deploying, and scaling your applications without needing to rely on external platforms like Vercel or Netlify. + +{% /accordion_item %} + +{%accordion_item title="What features does Appwrite Sites offer?" id="features-of-appwrite-sites" %} +Appwrite Sites offers a range of features including: +{% /accordion_item %} +{% /accordion %} + +## Info +{% info title="Lorem ipsum dolor sit amet consectetur" %} +Lorem ipsum dolor sit amet consectetur. Sed volutpat nec pharetra nisl dis. Donec accumsan in orci volutpat augue sed sit sollicitudin. Nunc nec nunc nisl faucibus cursus diam tellus aliquet. Ac blandit et varius egestas. +{% /info %} + +## Icon +{% icon icon="arrow-up" /%} +{% icon icon="arrow-up" size="m" /%} +{% icon icon="arrow-up" size="l" /%} +{% icon icon="arrow-up" size="xl" /%} + +## Arrow Link + +{% arrow_link href="/" %} +This is an arrow link +{% /arrow_link %} + +## Blockquote + +{% blockquote name="Jesse Winton" title="Design Engineer" %} +This is the blockquote content. +{% /blockquote %} + +## Cards +{% cards %} +{% cards_item href="/" title="Cards Item" %} +This is the content. +{% /cards_item %} +{% cards_item href="/" title="Cards Item 2" %} +This is the content. +{% /cards_item %} +{% cards_image_item href="/" title="Cards Image Item" light="/images/docs/ai/computer-vision-light.png" dark="/images/docs/ai/computer-vision-dark.png" %} +This is the content. +{% /cards_image_item %} +{% cards_image_item href="/" title="Cards Image Item 2" light="/images/docs/ai/computer-vision-light.png" dark="/images/docs/ai/computer-vision-dark.png" %} +This is the content. +{% /cards_image_item %} +{% /cards %} + +## Tabs +{% tabs %} +{% tabsitem #js title="Javascript" %} +Lorem ipsum dolor sit amet consectetur. +{% /tabsitem %} + +{% tabsitem #flutter title="Flutter" %} +Lorem ipsum dolor sit amet consectetur. +{% /tabsitem %} +{% /tabs %} + +## Video +{% video + src="/images/blog/defying-the-laws-of-web-animations/animations.mp4" /%} + +## YouTube +{% youtube src="https://www.youtube-nocookie.com/embed/5NtrYks2dqE?si=0vjkBCZYg8yf2GUW" thumbnail="/images/blog/a-recap-of-init/thumbnails/thumbnail-1.png" /%} diff --git a/src/routes/docs/references/[version]/[platform]/[service]/(components)/RateLimits.svelte b/src/routes/docs/references/[version]/[platform]/[service]/(components)/RateLimits.svelte index a97e52df7c..37e7c213d9 100644 --- a/src/routes/docs/references/[version]/[platform]/[service]/(components)/RateLimits.svelte +++ b/src/routes/docs/references/[version]/[platform]/[service]/(components)/RateLimits.svelte @@ -52,7 +52,7 @@ using SSR with setSession, these rate limits will still apply. Learn more about SSR rate limits. @@ -66,17 +66,23 @@ -
    +
    Time frame
    -
    +
    Attempts
    -
    +
    Key
    @@ -94,7 +100,7 @@ {/each} {:else if typeof rateKeys === 'string'} - + {Math.floor(rateTime / 60)} minutes {rateLimit} requests {parseKeys(rateKeys)} @@ -107,7 +113,7 @@
    trackEvent(`docs-rate_limits_learn_more-click`)} > Learn more about rate limits diff --git a/src/routes/docs/references/[version]/[platform]/[service]/(components)/Request.svelte b/src/routes/docs/references/[version]/[platform]/[service]/(components)/Request.svelte index bbc81f683c..9ce893a669 100644 --- a/src/routes/docs/references/[version]/[platform]/[service]/(components)/Request.svelte +++ b/src/routes/docs/references/[version]/[platform]/[service]/(components)/Request.svelte @@ -5,22 +5,22 @@ export let method: SDKMethod; -
    +
      {#each method.parameters as parameter, i} {@const first = i === 0}
    • -
      +
      {parameter.name} {parameter.type} {#if parameter.required} -
      required
      +
      required
      {/if}
      -

      +

      {@html parse(parameter.description)}

      diff --git a/src/routes/docs/references/[version]/[platform]/[service]/(components)/Response.svelte b/src/routes/docs/references/[version]/[platform]/[service]/(components)/Response.svelte index 36e00c5177..138d9606db 100644 --- a/src/routes/docs/references/[version]/[platform]/[service]/(components)/Response.svelte +++ b/src/routes/docs/references/[version]/[platform]/[service]/(components)/Response.svelte @@ -5,7 +5,7 @@ export let method: SDKMethod; -
      +
        {#each method.responses as response} {#if response.models} diff --git a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte index d2a8d60a59..24bc1902cb 100644 --- a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte +++ b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte @@ -220,8 +220,8 @@
        -

        {serviceName}

        -
        {platformType}
        +

        {serviceName}

        +
        {platformType}
        diff --git a/src/routes/products/auth/(components)/MultiFrameworkCode.svelte b/src/routes/products/auth/(components)/MultiFrameworkCode.svelte index b417a2c366..d89c72323d 100644 --- a/src/routes/products/auth/(components)/MultiFrameworkCode.svelte +++ b/src/routes/products/auth/(components)/MultiFrameworkCode.svelte @@ -76,7 +76,9 @@
        {#if language} -
        {platformMap[language]}
        +
        + {platformMap[language]} +
        {/if}
        diff --git a/src/routes/products/functions/(components)/MultiFrameworkCode.svelte b/src/routes/products/functions/(components)/MultiFrameworkCode.svelte index 329ff6335e..b402de427a 100644 --- a/src/routes/products/functions/(components)/MultiFrameworkCode.svelte +++ b/src/routes/products/functions/(components)/MultiFrameworkCode.svelte @@ -62,7 +62,9 @@
        {#if language} -
        {platformMap[language]}
        +
        + {platformMap[language]} +
        {/if}
        diff --git a/src/routes/products/messaging/(components)/MultiCodeContextless.svelte b/src/routes/products/messaging/(components)/MultiCodeContextless.svelte index 436421d124..2b5251e73d 100644 --- a/src/routes/products/messaging/(components)/MultiCodeContextless.svelte +++ b/src/routes/products/messaging/(components)/MultiCodeContextless.svelte @@ -61,7 +61,7 @@
        {#if platform} -
        {platform}
        +
        {platform}
        {/if}
        diff --git a/src/routes/threads/[id]/CodeRenderer.svelte b/src/routes/threads/[id]/CodeRenderer.svelte index fbf7379e71..2745845530 100644 --- a/src/routes/threads/[id]/CodeRenderer.svelte +++ b/src/routes/threads/[id]/CodeRenderer.svelte @@ -72,7 +72,7 @@
        {#if platformMap[language]}
        -
        +
        {platformMap[language]}
        diff --git a/src/scss/6-elements/_card.scss b/src/scss/6-elements/_card.scss index c669745eb6..9ae62b2128 100644 --- a/src/scss/6-elements/_card.scss +++ b/src/scss/6-elements/_card.scss @@ -2,7 +2,7 @@ .#{$p}-card { --p-card-padding: var(--card-padding, #{pxToRem(24)}); - --p-card-border-radius: var(--card-border-radius, #{pxToRem(16)}); + --p-card-border-radius: var(--card-border-radius, #{pxToRem(12)}); outline: 0; &.is-normal { diff --git a/src/scss/6-elements/_table.scss b/src/scss/6-elements/_table.scss index fcd7a20bb4..9b39a5de94 100644 --- a/src/scss/6-elements/_table.scss +++ b/src/scss/6-elements/_table.scss @@ -29,7 +29,7 @@ } &-scroll { overflow-x:auto; - border:solid pxToRem(1) hsl(var(--p-table-border-color)); border-radius:pxToRem(8); + border:solid pxToRem(1) hsl(var(--p-table-border-color)); //border-radius:pxToRem(8); @media #{$break1} { border-width:0; } } &-header { background-color:hsl(var(--p-table-header-bg-color)); line-height:1; } @@ -77,7 +77,7 @@ .#{$p}-table { &-row { } - &-head-col { padding-block-start:pxToRem(8); padding-block-end:pxToRem(16); } + // &-head-col { padding-block-start:pxToRem(8); padding-block-end:pxToRem(16); } &-col { padding-block:pxToRem(16); } &-head-col:first-child { padding-inline-start:0; } &-col:first-child { padding-inline-start:0; }