summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJunseong Park2025-05-02 20:27:17 +0900
committerGitHub2025-05-02 13:27:17 +0200
commit36a8e929c54d104af8859ceba0da391531cf97bb (patch)
tree2c08a243027efb05057e2ff74b781b8ce61e85b8
parent6b8cb48a0e798f78e80933befc7bb8d62f035f7d (diff)
downloadIT.starlight-36a8e929c54d104af8859ceba0da391531cf97bb.tar.gz
IT.starlight-36a8e929c54d104af8859ceba0da391531cf97bb.tar.bz2
IT.starlight-36a8e929c54d104af8859ceba0da391531cf97bb.zip
i18n(ko-KR): update `css-and-tailwind.mdx` (#3172)
-rw-r--r--docs/src/content/docs/ko/guides/css-and-tailwind.mdx7
1 files changed, 4 insertions, 3 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 afa258fe..ca2be430 100644
--- a/docs/src/content/docs/ko/guides/css-and-tailwind.mdx
+++ b/docs/src/content/docs/ko/guides/css-and-tailwind.mdx
@@ -51,9 +51,10 @@ Starlight์˜ ๊ธฐ๋ณธ ์Šคํƒ€์ผ์„ ์ˆ˜์ •ํ•˜๊ฑฐ๋‚˜ ํ™•์žฅํ•˜๊ธฐ ์œ„ํ•œ CSS ํŒŒ์ผ์
### ์บ์Šค์ผ€์ด๋“œ ๋ ˆ์ด์–ด
-Starlight๋Š” ์Šคํƒ€์ผ ์ˆœ์„œ๋ฅผ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ๋‚ด๋ถ€์ ์œผ๋กœ [์บ์Šค์ผ€์ด๋“œ ๋ ˆ์ด์–ด](https://developer.mozilla.org/ko/docs/Learn_web_development/Core/Styling_basics/Cascade_layers)๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์˜ˆ์ธก ๊ฐ€๋Šฅํ•œ CSS ์ˆœ์„œ๋ฅผ ๋ณด์žฅํ•˜๊ณ  ๋” ๊ฐ„๋‹จํ•œ ์žฌ์ •์˜๋ฅผ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ ˆ์ด์–ด๊ฐ€ ์ง€์ •๋˜์ง€ ์•Š์€ ์‚ฌ์šฉ์ž ์ •์˜ CSS๋Š” `starlight` ๋ ˆ์ด์–ด์˜ ๊ธฐ๋ณธ ์Šคํƒ€์ผ์„ ์žฌ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.
+Starlight๋Š” ์Šคํƒ€์ผ ์ˆœ์„œ๋ฅผ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ๋‚ด๋ถ€์ ์œผ๋กœ [์บ์Šค์ผ€์ด๋“œ ๋ ˆ์ด์–ด](https://developer.mozilla.org/ko/docs/Learn_web_development/Core/Styling_basics/Cascade_layers)๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์˜ˆ์ธก ๊ฐ€๋Šฅํ•œ CSS ์ˆœ์„œ๋ฅผ ๋ณด์žฅํ•˜๊ณ  ๋” ๊ฐ„๋‹จํ•œ ์žฌ์ •์˜๋ฅผ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
+๋ ˆ์ด์–ด๊ฐ€ ์ง€์ •๋˜์ง€ ์•Š์€ ์‚ฌ์šฉ์ž ์ •์˜ CSS๋Š” ๊ธฐ๋ณธ Starlight ์Šคํƒ€์ผ์„ ์žฌ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.
-์บ์Šค์ผ€์ด๋“œ ๋ ˆ์ด์–ด๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๋ฉด, ์‚ฌ์šฉ์ž ์ •์˜ CSS์—์„œ [`@layer`](https://developer.mozilla.org/ko/docs/Web/CSS/@layer)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Starlight ์Šคํƒ€์ผ์„ ๊ธฐ์ค€์œผ๋กœ ์„œ๋กœ ๋‹ค๋ฅธ ๋ ˆ์ด์–ด์˜ ์šฐ์„ ์ˆœ์œ„๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
+์บ์Šค์ผ€์ด๋“œ ๋ ˆ์ด์–ด๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๋ฉด, ์‚ฌ์šฉ์ž ์ •์˜ CSS์—์„œ [`@layer`](https://developer.mozilla.org/ko/docs/Web/CSS/@layer)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ `starlight` ๋ ˆ์ด์–ด์˜ ์Šคํƒ€์ผ์„ ๊ธฐ์ค€์œผ๋กœ ์„œ๋กœ ๋‹ค๋ฅธ ๋ ˆ์ด์–ด์˜ ์šฐ์„ ์ˆœ์œ„๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
```css "starlight"
/* src/styles/custom.css */
@@ -178,7 +179,7 @@ yarn create astro --template starlight/tailwind
@import 'tailwindcss/utilities.css' layer(utilities);
```
-4. Tailwind CSS ํŒŒ์ผ์„ ์‚ฌ์šฉํ•˜๋„๋ก Starlight ๊ตฌ์„ฑ์„ ์—…๋ฐ์ดํŠธํ•ฉ๋‹ˆ๋‹ค.
+4. `customCss` ๋ฐฐ์—ด์˜ ์ฒซ ๋ฒˆ์งธ ํ•ญ๋ชฉ์œผ๋กœ Tailwind CSS ํŒŒ์ผ์„ ์ถ”๊ฐ€ํ•˜๋„๋ก Starlight ๊ตฌ์„ฑ์„ ์—…๋ฐ์ดํŠธํ•ฉ๋‹ˆ๋‹ค.
```js ins={11-12}
// astro.config.mjs