From 63bdc2bc923fa8fbf9b2ea2c4520d407dfe84ede Mon Sep 17 00:00:00 2001 From: HiDeoo Date: Fri, 9 Feb 2024 09:04:31 +0000 Subject: [ci] format --- docs/src/content/docs/it/guides/components.mdx | 10 +- .../content/docs/it/guides/css-and-tailwind.mdx | 149 +++++++++++---------- docs/src/content/docs/it/guides/customization.mdx | 5 +- docs/src/content/docs/it/guides/i18n.mdx | 4 +- docs/src/content/docs/it/guides/sidebar.mdx | 16 +-- 5 files changed, 96 insertions(+), 88 deletions(-) diff --git a/docs/src/content/docs/it/guides/components.mdx b/docs/src/content/docs/it/guides/components.mdx index 9065664d..603510bf 100644 --- a/docs/src/content/docs/it/guides/components.mdx +++ b/docs/src/content/docs/it/guides/components.mdx @@ -149,7 +149,10 @@ import { LinkCard, CardGrid } from '@astrojs/starlight/components'; /> - + ``` @@ -165,7 +168,10 @@ import { LinkCard } from '@astrojs/starlight/components'; /> - + diff --git a/docs/src/content/docs/it/guides/css-and-tailwind.mdx b/docs/src/content/docs/it/guides/css-and-tailwind.mdx index 12477b7f..1409ed35 100644 --- a/docs/src/content/docs/it/guides/css-and-tailwind.mdx +++ b/docs/src/content/docs/it/guides/css-and-tailwind.mdx @@ -89,110 +89,110 @@ Se hai già un sito Starlight e desideri aggiungere Tailwind CSS, segui questi p 1. Aggiungi l'integrazione Tailwind di Astro: - + - + - ```sh - npx astro add tailwind - ``` + ```sh + npx astro add tailwind + ``` - + - + - ```sh - pnpm astro add tailwind - ``` + ```sh + pnpm astro add tailwind + ``` - + - + - ```sh - yarn astro add tailwind - ``` + ```sh + yarn astro add tailwind + ``` - + - + 2. Installa il plugin Starlight Tailwind: - + - + - ```sh - npm install @astrojs/starlight-tailwind - ``` + ```sh + npm install @astrojs/starlight-tailwind + ``` - + - + - ```sh - pnpm add @astrojs/starlight-tailwind - ``` + ```sh + pnpm add @astrojs/starlight-tailwind + ``` - + - + - ```sh - yarn add @astrojs/starlight-tailwind - ``` + ```sh + yarn add @astrojs/starlight-tailwind + ``` - + - + 3. Crea un file CSS per gli stili di base di Tailwind, ad esempio in `src/tailwind.css`: - ```css - /* src/tailwind.css */ - @tailwind base; - @tailwind components; - @tailwind utilities; - ``` + ```css + /* src/tailwind.css */ + @tailwind base; + @tailwind components; + @tailwind utilities; + ``` 4. Aggiorna il file di configurazione Astro per utilizzare gli stili di base Tailwind e disabilitare gli stili di base predefiniti: - ```js {11-12,16-17} - // astro.config.mjs - import { defineConfig } from 'astro/config'; - import starlight from '@astrojs/starlight'; - import tailwind from '@astrojs/tailwind'; - - export default defineConfig({ - integrations: [ - starlight({ - title: 'Docs con Tailwind', - customCss: [ - // Percorso per gli stili di base di Tailwind - './src/tailwind.css', - ], - }), - tailwind({ - // Disattiva gli stili di base predefiniti - applyBaseStyles: false, - }), - ], - }); - ``` + ```js {11-12,16-17} + // astro.config.mjs + import { defineConfig } from 'astro/config'; + import starlight from '@astrojs/starlight'; + import tailwind from '@astrojs/tailwind'; + + export default defineConfig({ + integrations: [ + starlight({ + title: 'Docs con Tailwind', + customCss: [ + // Percorso per gli stili di base di Tailwind + './src/tailwind.css', + ], + }), + tailwind({ + // Disattiva gli stili di base predefiniti + applyBaseStyles: false, + }), + ], + }); + ``` 5. Aggiungi il plugin Starlight Tailwind a `tailwind.config.cjs`: - ```js ins={2,7} - // tailwind.config.mjs - import starlightPlugin from '@astrojs/starlight-tailwind'; + ```js ins={2,7} + // tailwind.config.mjs + import starlightPlugin from '@astrojs/starlight-tailwind'; - /** @type {import('tailwindcss').Config} */ - export default { - content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], - plugins: [starlightPlugin()], - }; - ``` + /** @type {import('tailwindcss').Config} */ + export default { + content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], + plugins: [starlightPlugin()], + }; + ``` ### Styling di Starlight con Tailwind @@ -281,8 +281,9 @@ import ThemeDesigner from '~/components/theme-designer.astro'; CSS](#stili-css-personalizzati) per applicare questo tema al tuo sito. - L'esempio [file di configurazione di Tailwind](#styling-di-starlight-con-tailwind) di seguito - include tavolozze di colori `accent` e `gray` generate da utilizzare in - Oggetto di configurazione `theme.extend.colors`. + L'esempio [file di configurazione di + Tailwind](#styling-di-starlight-con-tailwind) di seguito include tavolozze + di colori `accent` e `gray` generate da utilizzare in Oggetto di + configurazione `theme.extend.colors`. diff --git a/docs/src/content/docs/it/guides/customization.mdx b/docs/src/content/docs/it/guides/customization.mdx index 50961013..ff79b324 100644 --- a/docs/src/content/docs/it/guides/customization.mdx +++ b/docs/src/content/docs/it/guides/customization.mdx @@ -145,7 +145,7 @@ summary: defineConfig({ integrations: [ starlight({ - title: 'Documentazione con configurazione personalizzata dell\'indice', + title: "Documentazione con configurazione personalizzata dell'indice", tableOfContents: { minHeadingLevel: 2, maxHeadingLevel: 2 }, }), ], @@ -177,7 +177,8 @@ tableOfContents: false defineConfig({ integrations: [ starlight({ - title: 'Documentazione con indice dei contenuti disabilitato a livello globale', + title: + 'Documentazione con indice dei contenuti disabilitato a livello globale', tableOfContents: false, }), ], diff --git a/docs/src/content/docs/it/guides/i18n.mdx b/docs/src/content/docs/it/guides/i18n.mdx index d8adac62..cc47cbc1 100644 --- a/docs/src/content/docs/it/guides/i18n.mdx +++ b/docs/src/content/docs/it/guides/i18n.mdx @@ -209,8 +209,8 @@ Puoi fornire traduzioni per lingue aggiuntive — o sovrascrivere i valori prede } ``` - I blocchi di codice di Starlight sono gestiti dalla libreria [Expressive Code](https://github.com/expressive-code/expressive-code). - Puoi impostare le traduzioni per le stringhe dell'interfaccia utente nella stessa file JSON utilizzando le chiavi `expressiveCode`: + I blocchi di codice di Starlight sono gestiti dalla libreria [Expressive Code](https://github.com/expressive-code/expressive-code). + Puoi impostare le traduzioni per le stringhe dell'interfaccia utente nella stessa file JSON utilizzando le chiavi `expressiveCode`: ```json { diff --git a/docs/src/content/docs/it/guides/sidebar.mdx b/docs/src/content/docs/it/guides/sidebar.mdx index 5c0703b3..e629e3db 100644 --- a/docs/src/content/docs/it/guides/sidebar.mdx +++ b/docs/src/content/docs/it/guides/sidebar.mdx @@ -432,12 +432,6 @@ La navigazione della documentazione in Portoghese (Brasile) genererà la seguent ]} /> - - - - - - ## Gruppi compressi I gruppi di collegamenti possono essere compressi per impostazione predefinita impostando la proprietà `collapsed` su `true`. @@ -502,7 +496,10 @@ La configurazione sopra genera la seguente barra laterale: label: 'advanced', collapsed: true, items: [ - { label: 'Struttura del progetto', link: '/it/guides/project-structure/' }, + { + label: 'Struttura del progetto', + link: '/it/guides/project-structure/', + }, ], }, ], @@ -539,7 +536,10 @@ La configurazione sopra genera la seguente barra laterale: label: 'advanced', collapsed: true, items: [ - { label: 'Struttura del progetto', link: '/it/guides/project-structure/' }, + { + label: 'Struttura del progetto', + link: '/it/guides/project-structure/', + }, ], }, ], -- cgit