summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorWaxer592023-08-11 00:24:17 +0200
committerGitHub2023-08-11 00:24:17 +0200
commit64b76849185a401b6a81ebdff138720e614fd9e5 (patch)
treea598aa8ffcd3128084f685fae0b33f5bf481d824
parentefc50d5b531084602486b3febd4ccdc41c491fa1 (diff)
downloadIT.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.mdx22
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.