diff options
author | Junseong Park | 2025-05-02 20:27:17 +0900 |
---|---|---|
committer | GitHub | 2025-05-02 13:27:17 +0200 |
commit | 36a8e929c54d104af8859ceba0da391531cf97bb (patch) | |
tree | 2c08a243027efb05057e2ff74b781b8ce61e85b8 | |
parent | 6b8cb48a0e798f78e80933befc7bb8d62f035f7d (diff) | |
download | IT.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.mdx | 7 |
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 |