Update rendering mode descriptions

master-co · Mar 12, 2024 · 9d08465 · 9d08465
1 parent 7b455a7
commit 9d08465
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/website/app/[locale]/(root)/docs/rendering-modes/Layout.tsx b/website/app/[locale]/(root)/docs/rendering-modes/Layout.tsx
@@ -10,7 +10,7 @@ export default async function Layout(props: any) {
             metadata={metadata}
             toc={props.toc}
         >
-            <p className='text:20 max-w:screen-sm'>It&#39;s flexible — can be runtime, zero-runtime, or even hybrid.</p>
+            <p className='text:18 text:20@sm max-w:screen-sm'>It&#39;s flexible — can be runtime, zero-runtime, or even hybrid.</p>
             {!props.hideTabs && <Tabs className="mb:8x">
                 <Tab href='/docs/rendering-modes'>{$('Compare')}</Tab>
                 <Tab href='/docs/rendering-modes/progressive-rendering'>{$('Progressive Rendering')} 🚧</Tab>

diff --git a/website/app/[locale]/(root)/docs/rendering-modes/content.mdx b/website/app/[locale]/(root)/docs/rendering-modes/content.mdx
@@ -4,19 +4,19 @@
             <th className="sticky top:48 top:60@sm pt:4x bg:base w:1/3">
                 <DocBadge $color="primary" $size="xs" className="mb:15">Recommended</DocBadge>
                 <div className="font:22@sm font:bold">Progressive Rendering</div>
-                <p className="fg:neutral font:regular text:14 mt:2x hide@<sm">Renders HTML statically or server-side for class names, generates CSS rules, and loads the runtime engine asynchronously.</p>
+                <p className="fg:neutral font:regular text:14! mt:2x hide@<sm">Render the CSS rules required for the page on the server side or at build time, and lazily load the runtime engine.</p>
                 <LearnMore href="/docs/rendering-modes/progressive-rendering">Learn more</LearnMore>
             </th>
             <th className="sticky top:48 top:60@sm pt:4x bg:base w:1/3">
                 <DocBadge $color="fade" $size="xs" className="mb:15">Easiest</DocBadge>
                 <div className="font:22@sm font:bold">Runtime Rendering</div>
-                <p className="fg:neutral font:regular text:14 mt:2x hide@<sm">Observe for changes to class names in the DOM tree to manipulate CSS rules and sync to the runtime stylesheet.</p>
+                <p className="fg:neutral font:regular text:14! mt:2x hide@<sm">Observe for changes to class names in the DOM tree to manipulate CSS rules and sync to the runtime stylesheet.</p>
                 <LearnMore href="/docs/rendering-modes/runtime-rendering">Learn more</LearnMore>
             </th>
             <th className="sticky top:48 top:60@sm pt:4x bg:base w:1/3">
                 <DocBadge $color="fade" $size="xs" className="mb:15 invisible">Zero Runtime</DocBadge>
                 <div className="font:22@sm font:bold">Static Extraction</div>
-                <p className="fg:neutral font:regular text:14 mt:2x hide@<sm">Extract class names from various files at build time, generate a virtual CSS module or file, and import it into the entry file.</p>
+                <p className="fg:neutral font:regular text:14! mt:2x hide@<sm">Extract class names from various files at build time, generate a virtual CSS module or file, and import it into the entry file.</p>
                 <LearnMore href="/docs/rendering-modes/static-extraction">Learn more</LearnMore>
             </th>
         </tr>

diff --git a/website/app/[locale]/(root)/docs/rendering-modes/progressive-rendering/metadata.ts b/website/app/[locale]/(root)/docs/rendering-modes/progressive-rendering/metadata.ts
@@ -2,7 +2,7 @@ import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Progressive Rendering',
-    description: 'Master CSS Progressive Rendering scans the rendered HTML server-side or at build time, generates the corresponding CSS rules for each page, and lazy loads the runtime engine to keep track of the dynamic class names.',
+    description: 'Render the CSS rules required for the page on the server side or at build time, and lazily load the runtime engine.',
     category: 'Rendering Modes',
     unfinished: true
 }

diff --git a/website/app/[locale]/(root)/docs/rendering-modes/runtime-rendering/metadata.ts b/website/app/[locale]/(root)/docs/rendering-modes/runtime-rendering/metadata.ts
@@ -2,7 +2,7 @@ import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Runtime Rendering',
-    description: 'Master CSS Runtime Rendering observes changes in DOM class names at browser runtime, generates corresponding CSS rules, and injects them into the running style sheet.',
+    description: 'Observe for changes to class names in the DOM tree to manipulate CSS rules and sync to the runtime stylesheet.',
     category: 'Rendering Modes',
 }
 

diff --git a/website/app/[locale]/(root)/docs/rendering-modes/static-extraction/metadata.ts b/website/app/[locale]/(root)/docs/rendering-modes/static-extraction/metadata.ts
@@ -2,7 +2,7 @@ import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Static Extraction',
-    description: 'Master CSS Static Extraction integrates build tools to scan project source code, extract class names, generate CSS rules, and write them into a virtual CSS module.',
+    description: 'Extract class names from various files at build time, generate a virtual CSS module or file, and import it into the entry file.',
     category: 'Rendering Modes',
     unfinished: true
 }