diff options
author | Waxer59 | 2023-08-11 00:24:17 +0200 |
---|---|---|
committer | GitHub | 2023-08-11 00:24:17 +0200 |
commit | 64b76849185a401b6a81ebdff138720e614fd9e5 (patch) | |
tree | a598aa8ffcd3128084f685fae0b33f5bf481d824 | |
parent | efc50d5b531084602486b3febd4ccdc41c491fa1 (diff) | |
download | IT.starlight-64b76849185a401b6a81ebdff138720e614fd9e5.tar.gz IT.starlight-64b76849185a401b6a81ebdff138720e614fd9e5.tar.bz2 IT.starlight-64b76849185a401b6a81ebdff138720e614fd9e5.zip |
i18n(es): Fix typos in `css-and-tailwind.mdx` (#493)
-rw-r--r-- | docs/src/content/docs/es/guides/css-and-tailwind.mdx | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/docs/src/content/docs/es/guides/css-and-tailwind.mdx b/docs/src/content/docs/es/guides/css-and-tailwind.mdx index d601836f..f2ed5cb7 100644 --- a/docs/src/content/docs/es/guides/css-and-tailwind.mdx +++ b/docs/src/content/docs/es/guides/css-and-tailwind.mdx @@ -3,7 +3,7 @@ title: CSS y Estilos description: Aprende a darle estilo a tu sitio Starlight con CSS personalizado o integrado con Tailwind CSS. --- -Puedes darle estilo a tu sitio Starlight con archivos CSS personalizados o usar el plugin Starlight Tailwind. +Puedes darle estilo a tu sitio de Starlight con archivos CSS personalizados o usar el plugin Starlight Tailwind. ## Estilos CSS personalizados @@ -20,7 +20,7 @@ Personaliza los estilos aplicados a tu sitio Starlight proporcionando archivos C } ``` -2. Agrega la ruta de tu archivo CSS a la matriz `customCss` de Starlight en `astro.config.mjs`: +2. Agrega la ruta de tu archivo CSS al array `customCss` de Starlight en `astro.config.mjs`: ```js // astro.config.mjs @@ -40,24 +40,24 @@ Personaliza los estilos aplicados a tu sitio Starlight proporcionando archivos C }); ``` -Puede ver todas las propiedades CSS personalizadas utilizadas por Starlight que puede establecer para personalizar su sitio en el archivo [`props.css` en GitHub](https://github.com/withastro/starlight/blob/main/packages/starlight/style/props.css). +Puedes ver todas las propiedades CSS personalizadas utilizadas por Starlight que puedes establecer para personalizar tu sitio en el archivo [`props.css` en GitHub](https://github.com/withastro/starlight/blob/main/packages/starlight/style/props.css). ## Tailwind CSS El soporte de CSS de Tailwind en proyectos de Astro es proporcionado por la [integraci贸n Astro Tailwind](https://docs.astro.build/en/guides/integrations-guide/tailwind/). -Starlight proporciona un complemento de Tailwind para ayudar a configurar Tailwind para que sea compatible con los estilos de Starlight. +Starlight proporciona un plugin de Tailwind para ayudar a configurar Tailwind para que sea compatible con los estilos de Starlight. El plugin Starlight Tailwind aplica la siguiente configuraci贸n: - Configura las variantes de Tailwind `dark:` para que funcionen con el modo oscuro de Starlight. - Usa los [colores y fuentes del tema](#estilando-starlight-con-tailwind) de Tailwind en la UI de Starlight. -- Desactiva la [comprobaci贸n preliminar 鈥淧reflight鈥漖(https://tailwindcss.com/docs/preflight) de Tailwind mientras restaura selectivamente las partes esenciales de la comprobaci贸n preliminar requeridas para las clases de utilidad de borde de Tailwind. +- Desactiva la [comprobaci贸n preliminar 鈥淧reflight鈥漖(https://tailwindcss.com/docs/preflight) de Tailwind mientras restauras selectivamente las partes esenciales de la comprobaci贸n preliminar requeridas para las clases de utilidad de borde de Tailwind. ### Crea un nuevo proyecto con Tailwind import { Tabs, TabItem } from '@astrojs/starlight/components'; -Empieza un nuevo proyecto Starlight con Tailwind CSS preconfigurado usando `create astro`: +Empieza un nuevo proyecto en Starlight con Tailwind CSS preconfigurado usando `create astro`: <Tabs> <TabItem label="npm"> @@ -85,7 +85,7 @@ yarn create astro --template starlight/tailwind ### Agrega Tailwind a un proyecto existente -Si ya tienes un sitio Starlight y quieres agregar Tailwind CSS, sigue estos pasos. +Si ya tienes un sitio en Starlight y quieres agregar Tailwind CSS, sigue estos pasos. 1. Agrega la integraci贸n de Tailwind de Astro: @@ -117,7 +117,7 @@ Si ya tienes un sitio Starlight y quieres agregar Tailwind CSS, sigue estos paso </Tabs> -2. Instala el complemento Starlight Tailwind: +2. Instala el plugin Starlight Tailwind: <Tabs> @@ -181,7 +181,7 @@ Si ya tienes un sitio Starlight y quieres agregar Tailwind CSS, sigue estos paso }); ``` -5. Agrega el complemento Starlight Tailwind a `tailwind.config.cjs`: +5. Agrega el plugin Starlight Tailwind a `tailwind.config.cjs`: ```js ins={2,7} // tailwind.config.cjs @@ -196,7 +196,7 @@ Si ya tienes un sitio Starlight y quieres agregar Tailwind CSS, sigue estos paso ### Estilando Starlight con Tailwind -Starlight utilizar谩 los valores de su [configuraci贸n de tema Tailwind](https://tailwindcss.com/docs/theme) en su UI. +Starlight utilizar谩 los valores de la [configuraci贸n de tema Tailwind](https://tailwindcss.com/docs/theme) en su UI. Si se establece, las siguientes opciones anular谩n los estilos predeterminados de Starlight: @@ -241,7 +241,7 @@ Estas variables son utilizadas en toda la UI con una gama de tonos grises utiliz ### Editor de temas de color Usa los controles deslizantes a continuaci贸n para modificar las paletas de colores de acento y gris de Starlight. -Las 谩reas de vista previa oscura y clara mostrar谩n los colores resultantes, y toda la p谩gina tambi茅n se actualizar谩 para obtener una vista previa de sus cambios. +Las 谩reas de vista previa oscura y clara mostrar谩n los colores resultantes, y toda la p谩gina tambi茅n se actualizar谩 para obtener una vista previa de tus cambios. Cuando est茅s satisfecho con tus cambios, copia el c贸digo CSS o Tailwind a continuaci贸n y 煤salo en tu proyecto. |