diff options
author | HiDeoo | 2024-05-18 10:53:02 +0000 |
---|---|---|
committer | fredkbot | 2024-05-18 10:53:02 +0000 |
commit | bfebb9a3fd1556d67c9fc086a530e58bac0cd52a (patch) | |
tree | 1a3e13b1f8447bcd3c6508bc49468031d98bfc93 | |
parent | b28e2c15ccc79133f712028e4ca0ef8578150043 (diff) | |
download | IT.starlight-bfebb9a3fd1556d67c9fc086a530e58bac0cd52a.tar.gz IT.starlight-bfebb9a3fd1556d67c9fc086a530e58bac0cd52a.tar.bz2 IT.starlight-bfebb9a3fd1556d67c9fc086a530e58bac0cd52a.zip |
[ci] format
-rw-r--r-- | docs/src/content/docs/tr/guides/css-and-tailwind.mdx | 25 |
1 files changed, 14 insertions, 11 deletions
diff --git a/docs/src/content/docs/tr/guides/css-and-tailwind.mdx b/docs/src/content/docs/tr/guides/css-and-tailwind.mdx index 83ccfb0c..5d267a3a 100644 --- a/docs/src/content/docs/tr/guides/css-and-tailwind.mdx +++ b/docs/src/content/docs/tr/guides/css-and-tailwind.mdx @@ -9,12 +9,12 @@ Starlight sitenizi özel CSS dosyaları ya da Starlight Tailwind eklentisi kulla ## Özel CSS Stilleri -Starlight'ın varsayılan stillerini düzenlemek ya da genişletmek için ek CSS dosyaları sağlayarak özelleştirilmiş stiller uygulanır. +Starlight'ın varsayılan stillerini düzenlemek ya da genişletmek için ek CSS dosyaları sağlayarak özelleştirilmiş stiller uygulanır. <Steps> 1. `src/` dizininize bir CSS dosyası ekleyin. - Örneğin, daha geniş varsayılan sütun genişliği ve sayfa başlıkları için daha büyük yazı boyutu ayarlayabilirsiniz. + Örneğin, daha geniş varsayılan sütun genişliği ve sayfa başlıkları için daha büyük yazı boyutu ayarlayabilirsiniz. ```css /* src/styles/custom.css */ @@ -175,12 +175,12 @@ Halihazırda bir Starlight siteniz varsa ve Tailwind CSS eklemek istiyorsanız, starlight({ title: 'Tailwind ile Dokümantasyon', customCss: [ - //Tailwind baz stilleriniz için dosya yolu: + //Tailwind baz stilleriniz için dosya yolu: './src/tailwind.css', ], }), tailwind({ - //Varsayılan baz stilleri etkisizleştir: + //Varsayılan baz stilleri etkisizleştir: applyBaseStyles: false, }), ], @@ -244,7 +244,7 @@ export default { ## Temalandırma Starlight'ın renk teması, Starlight'ın varsayılan isteğe uyarlı özelliklerinin üzerine yazılmasıyla kontrol edilebilir. -Bu değişkenler, metin ve arkaplan renkleri için gri gölgeler ve bağlantılar ve gezinti sırasındaki mevcut nesneler vurgulamak için vurgu rengi kullanıcı arayüzünce kullanılır. +Bu değişkenler, metin ve arkaplan renkleri için gri gölgeler ve bağlantılar ve gezinti sırasındaki mevcut nesneler vurgulamak için vurgu rengi kullanıcı arayüzünce kullanılır. ### Renk teması editörü @@ -276,19 +276,22 @@ import ThemeDesigner from '~/components/theme-designer.astro'; preview: { darkMode: 'Koyu mod', lightMode: 'Açık Mod', - bodyText: - 'Sayfa metni arkaplanla yüksek kontrastlı gri tonda görünür.', + bodyText: 'Sayfa metni arkaplanla yüksek kontrastlı gri tonda görünür.', linkText: 'Bağlantılar renklendirilmiştir.', - dimText: 'İçindekiler metni gibi bazı metinler daha düşük kontrasta sahiptir.', + dimText: + 'İçindekiler metni gibi bazı metinler daha düşük kontrasta sahiptir.', inlineCode: 'Satır için kod belirgin arkaplana sahiptir.', }, }} > <Fragment slot="css-docs"> - Bu temayı sitenize uygulamak için, [isteğe uyarlanmış CSS - dosyası içine](#özel-css-stilleri) aşağıdaki CSS'i dahil edin ve projenize ekleyin. + Bu temayı sitenize uygulamak için, [isteğe uyarlanmış CSS dosyası + içine](#özel-css-stilleri) aşağıdaki CSS'i dahil edin ve projenize ekleyin. </Fragment> <Fragment slot="tailwind-docs"> - Aşağıdaki [Tailwind yapılandırma dosyasına ait](#tailwind-ile-starlightı-stillendirme) örnek, yapılandırma nesnesi içerisinde oluşturulmuş `accent` ve `gray` renk paletlerini `theme.extend.colors` yapılandırma nesnesinde kullanmak için dahil eder. + Aşağıdaki [Tailwind yapılandırma dosyasına + ait](#tailwind-ile-starlightı-stillendirme) örnek, yapılandırma nesnesi + içerisinde oluşturulmuş `accent` ve `gray` renk paletlerini + `theme.extend.colors` yapılandırma nesnesinde kullanmak için dahil eder. </Fragment> </ThemeDesigner> |