From 41009a50a1f45a5ad16b044fec4e0a59393650d9 Mon Sep 17 00:00:00 2001 From: welpo Date: Thu, 10 Aug 2023 20:02:25 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20docs:=20clarify=20the=202=20poss?= =?UTF-8?q?ible=20paths=20for=20custom=20skins?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/blog/customise-tabi.ca.md | 7 ++++++- content/blog/customise-tabi.es.md | 7 ++++++- content/blog/customise-tabi.md | 7 ++++++- 3 files changed, 18 insertions(+), 3 deletions(-) diff --git a/content/blog/customise-tabi.ca.md b/content/blog/customise-tabi.ca.md index 0be0f3575..371d0a4d8 100644 --- a/content/blog/customise-tabi.ca.md +++ b/content/blog/customise-tabi.ca.md @@ -1,6 +1,7 @@ +++ title = "Personalitza el color de tabi i el tema per defecte" date = 2023-08-09 +updated = 2023-08-10 description = "Aprèn a personalitzar tabi fent servir skins i establint un tema per defecte, aconseguint un aspecte únic." [taxonomies] @@ -158,7 +159,11 @@ Per utilitzar aquests colors, assigna `skin = "lowcontrast_pink"`. No estàs limitat a les skins predefinides. Per què no crees un disseny únic que et representi? -Per començar, dirigeix-te a `themes/tabi/sass/skins` i crea un nou arxiu (per exemple, `la_teva_skin.scss`). Aquest arxiu ha de tenir aquestes dues variables (aquesta és la skin predeterminada, `teal`): +Pots guardar la teva nova skin en qualsevol d'aquests dos directoris: +1. Dins del directori del tema: `themes/tabi/sass/skins` +2. Dins del directori principal del teu lloc: `sass/skins` (necessitaràs crear aquesta carpeta) + +Crea un nou arxiu `.scss` (per exemple, `la_teva_skin.scss`) a la ubicació que prefereixis. Aquest arxiu ha de contenir aquestes dues variables (aquesta és la skin predeterminada, "teal"): ```scss :root { diff --git a/content/blog/customise-tabi.es.md b/content/blog/customise-tabi.es.md index cb8c9e590..049d5a02c 100644 --- a/content/blog/customise-tabi.es.md +++ b/content/blog/customise-tabi.es.md @@ -1,6 +1,7 @@ +++ title = "Personaliza el color de tabi y el tema predeterminado" date = 2023-08-09 +updated = 2023-08-10 description = "Aprende a personalizar tabi usando skins y estableciendo un tema predeterminado, haciendo que tu sitio sea único." [taxonomies] @@ -160,7 +161,11 @@ Para usar estos colores, asigna `skin = "lowcontrast_pink"`. No estás limitado a las skins predefinidas. ¿Por qué no diseñas un aspecto único que te represente? -Para empezar, dirígete a `themes/tabi/sass/skins` y crea un nuevo archivo (por ejemplo, `tu_skin.scss`). Este archivo debe tener estas dos variables (esta es la piel predeterminada, `teal`): +Puedes guardar tu nueva skin en cualquiera de estos dos directorios: +1. Dentro del directorio del tema: `themes/tabi/sass/skins` +2. Dentro del directorio principal de tu sitio: `sass/skins` (necesitarás crear esta carpeta) + +Crea un nuevo archivo `.scss` (por ejemplo, `tu_skin.scss`) en la ubicación que prefieras. Este archivo debe contener estas dos variables (esta es la skin predeterminada, "teal"): ```scss :root { diff --git a/content/blog/customise-tabi.md b/content/blog/customise-tabi.md index 199da6bbc..146f173fd 100644 --- a/content/blog/customise-tabi.md +++ b/content/blog/customise-tabi.md @@ -1,6 +1,7 @@ +++ title = "Customise tabi with skins and a default theme" date = 2023-08-09 +updated = 2023-08-10 description = "Learn how to customise tabi using skins and setting a default theme, making your site uniquely yours." [taxonomies] @@ -169,7 +170,11 @@ For this colourscheme, choose `skin = "lowcontrast_pink"`. You're not just limited to predefined skins. Why not create a look that's distinctively tailored to your preferences? -To get started, head over to `themes/tabi/sass/skins` and add a new file (e.g. `your_skin.scss`). This file needs to have these two variables (this is the default skin, teal): +You can save your new skin it in either of these two directories: +1. Inside the theme's directory: `themes/tabi/sass/skins` +2. Inside your main site's directory: `sass/skins` (you'll need to create this folder) + +Create a new `.scss` file (for example, `your_skin.scss`) in your preferred location. This file needs to have these two variables (this is the default skin, "teal"): ```scss :root {