summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHiDeoo2025-04-16 12:49:09 +0000
committerfredkbot2025-04-16 12:49:09 +0000
commit3a09c838789e4fa9fdbdde36f5569959ff2d3895 (patch)
tree186b614d9a5417d5b415b2883d9f1f6894a7a7c9
parentd9bc0f7771c3cba86646b8e0c15e453770af8392 (diff)
downloadIT.starlight-3a09c838789e4fa9fdbdde36f5569959ff2d3895.tar.gz
IT.starlight-3a09c838789e4fa9fdbdde36f5569959ff2d3895.tar.bz2
IT.starlight-3a09c838789e4fa9fdbdde36f5569959ff2d3895.zip
[ci] format
-rw-r--r--docs/src/content/docs/ko/guides/css-and-tailwind.mdx123
1 files changed, 61 insertions, 62 deletions
diff --git a/docs/src/content/docs/ko/guides/css-and-tailwind.mdx b/docs/src/content/docs/ko/guides/css-and-tailwind.mdx
index 5684ee1d..afa258fe 100644
--- a/docs/src/content/docs/ko/guides/css-and-tailwind.mdx
+++ b/docs/src/content/docs/ko/guides/css-and-tailwind.mdx
@@ -109,98 +109,97 @@ yarn create astro --template starlight/tailwind
1. ๋‹ค์Œ ๋ช…๋ น์„ ์‹คํ–‰ํ•˜๊ณ  ํ„ฐ๋ฏธ๋„์˜ ์ง€์นจ์— ๋”ฐ๋ผ ํ”„๋กœ์ ํŠธ์— Tailwind๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.
+ <Tabs syncKey="pkg">
- <Tabs syncKey="pkg">
+ <TabItem label="npm">
- <TabItem label="npm">
-
- ```sh
- npx astro add tailwind
- ```
+ ```sh
+ npx astro add tailwind
+ ```
- </TabItem>
+ </TabItem>
- <TabItem label="pnpm">
+ <TabItem label="pnpm">
- ```sh
- pnpm astro add tailwind
- ```
+ ```sh
+ pnpm astro add tailwind
+ ```
- </TabItem>
+ </TabItem>
- <TabItem label="Yarn">
+ <TabItem label="Yarn">
- ```sh
- yarn astro add tailwind
- ```
+ ```sh
+ yarn astro add tailwind
+ ```
- </TabItem>
+ </TabItem>
- </Tabs>
+ </Tabs>
2. Starlight์˜ Tailwind ํ˜ธํ™˜์„ฑ ํŒจํ‚ค์ง€๋ฅผ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค.
- <Tabs syncKey="pkg">
+ <Tabs syncKey="pkg">
- <TabItem label="npm">
+ <TabItem label="npm">
- ```sh
- npm install @astrojs/starlight-tailwind
- ```
+ ```sh
+ npm install @astrojs/starlight-tailwind
+ ```
- </TabItem>
+ </TabItem>
- <TabItem label="pnpm">
+ <TabItem label="pnpm">
- ```sh
- pnpm add @astrojs/starlight-tailwind
- ```
+ ```sh
+ pnpm add @astrojs/starlight-tailwind
+ ```
- </TabItem>
+ </TabItem>
- <TabItem label="Yarn">
+ <TabItem label="Yarn">
- ```sh
- yarn add @astrojs/starlight-tailwind
- ```
+ ```sh
+ yarn add @astrojs/starlight-tailwind
+ ```
- </TabItem>
+ </TabItem>
- </Tabs>
+ </Tabs>
3. Astro๊ฐ€ ์Šค์บํด๋”ฉํ•œ `src/styles/global.css` ํŒŒ์ผ์˜ ์ฝ˜ํ…์ธ ๋ฅผ Starlight์™€์˜ ํ˜ธํ™˜์„ฑ์„ ์œ„ํ•ด ๋‹ค์Œ ์ฝ”๋“œ๋กœ ๊ต์ฒดํ•ฉ๋‹ˆ๋‹ค.
- ```css
- /* src/styles/global.css */
- @layer base, starlight, theme, components, utilities;
+ ```css
+ /* src/styles/global.css */
+ @layer base, starlight, theme, components, utilities;
- @import '@astrojs/starlight-tailwind';
- @import 'tailwindcss/theme.css' layer(theme);
- @import 'tailwindcss/utilities.css' layer(utilities);
- ```
+ @import '@astrojs/starlight-tailwind';
+ @import 'tailwindcss/theme.css' layer(theme);
+ @import 'tailwindcss/utilities.css' layer(utilities);
+ ```
4. Tailwind CSS ํŒŒ์ผ์„ ์‚ฌ์šฉํ•˜๋„๋ก Starlight ๊ตฌ์„ฑ์„ ์—…๋ฐ์ดํŠธํ•ฉ๋‹ˆ๋‹ค.
- ```js ins={11-12}
- // astro.config.mjs
- import { defineConfig } from 'astro/config';
- import starlight from '@astrojs/starlight';
- import tailwindcss from '@tailwindcss/vite';
-
- export default defineConfig({
- integrations: [
- starlight({
- title: 'Tailwind๋ฅผ ์‚ฌ์šฉํ•œ ๋ฌธ์„œ',
- customCss: [
- // Tailwind ๊ธฐ๋ณธ ์Šคํƒ€์ผ์˜ ๊ฒฝ๋กœ์ž…๋‹ˆ๋‹ค.
- './src/styles/global.css',
- ],
- }),
- ],
- vite: { plugins: [tailwindcss()] },
- });
- ```
-
+ ```js ins={11-12}
+ // astro.config.mjs
+ import { defineConfig } from 'astro/config';
+ import starlight from '@astrojs/starlight';
+ import tailwindcss from '@tailwindcss/vite';
+
+ export default defineConfig({
+ integrations: [
+ starlight({
+ title: 'Tailwind๋ฅผ ์‚ฌ์šฉํ•œ ๋ฌธ์„œ',
+ customCss: [
+ // Tailwind ๊ธฐ๋ณธ ์Šคํƒ€์ผ์˜ ๊ฒฝ๋กœ์ž…๋‹ˆ๋‹ค.
+ './src/styles/global.css',
+ ],
+ }),
+ ],
+ vite: { plugins: [tailwindcss()] },
+ });
+ ```
+
</Steps>
### Tailwind๋กœ Starlight ์Šคํƒ€์ผ๋งํ•˜๊ธฐ