Skip to content

Commit

Permalink
Revert "Merge branch 'main' into chore/remove-orphaned-files"
Browse files Browse the repository at this point in the history
This reverts commit 4c3a574, reversing
changes made to a64e2c7.
  • Loading branch information
josielrocha committed Oct 16, 2023
1 parent 4c3a574 commit 6ec047d
Show file tree
Hide file tree
Showing 797 changed files with 3,985 additions and 10,489 deletions.
1 change: 0 additions & 1 deletion .github/workflows/markdown-lint-fix.yml
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,6 @@ jobs:
- name: Lint Markdown files
run: |
yarn markdownlint-cli2 --fix "**/${{ matrix.lang }}/**/*.md"
node ./scripts/check-url-locale.js --fix "files/${{ matrix.lang }}"
yarn prettier -w "**/${{ matrix.lang }}/**/*.md"
cd ${{ github.workspace }}/mdn/content && yarn fix:fm --config-file ${{ github.workspace }}/front-matter-config.json "${{ github.workspace }}/files/${{ matrix.lang }}"
Expand Down
3 changes: 0 additions & 3 deletions .github/workflows/pr-check-lint_content.yml
Original file line number Diff line number Diff line change
Expand Up @@ -114,9 +114,6 @@ jobs:
echo "${EOF}" >> $GITHUB_ENV
echo "FM_LINT_FAILED=${FM_LINT_FAILED}" >> $GITHUB_ENV
echo "Running url locale checker"
node ./scripts/check-url-locale.js --fix ${files_to_lint}
echo "Running Prettier"
yarn prettier -w ${files_to_lint}
Expand Down
6 changes: 1 addition & 5 deletions .lintstagedrc.json
Original file line number Diff line number Diff line change
@@ -1,8 +1,4 @@
{
"!*.md": "prettier --ignore-unknown --write",
"*.md": [
"markdownlint-cli2 --fix",
"node ./scripts/check-url-locale.js --fix",
"prettier --write"
]
"*.md": ["markdownlint-cli2 --fix", "prettier --write"]
}
18 changes: 8 additions & 10 deletions docs/zh-cn/translation-guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,29 +12,27 @@

```yaml
---
title: atob() global function
short-title: atob()
slug: Web/API/atob
page-type: web-api-global-function
browser-compat: api.atob
title: Fetch API
slug: Web/API/Fetch_API
page-type: web-api-overview
browser-compat: api.fetch
---
```

其中:

- `title` 为文档的大标题
- `short-title` 为显示在侧边栏和面包屑中的短标题
- `slug` 为与网页 URL 相关的元数据(URL path 部分的规则为:`/<locale>/docs/<slug>`
- `page-type` 为页面的类型,将被用于站点管理和自动化数据处理
- `browser-compat`[**浏览器兼容性表**][]对应的宏所使用的元数据
- `browser-compat`[**浏览器兼容性表**][]对应的宏所使用的元数据

在简体中文文档翻译中,请适当翻译 `title` 元数据,以方便他人根据标题检索内容,`slug` 元数据则应与翻译对应的英文文档保持不变。对于 `page-type``browser-compat` 以及部分文档中使用的 `spec-urls` 元数据,它们被用于站点管理和自动化数据处理,而 yari 平台会自动将这些元数据由英文文档合并到本地化文档中。若没有特殊的需要,请将这些元数据从简体中文文档中移除。对于 `short-title`,如果简体中文文档采用的短标题与英文文档相同,则无需添加(仅在使用与英文文档*不同*的短标题时添加该元数据)。
在简体中文文档翻译中,请适当翻译 `title` 元数据,以方便他人根据标题检索内容,`slug` 元数据则应与翻译对应的英文文档保持不变。对于 `page-type``browser-compat` 以及部分文档中使用的 `spec-urls` 元数据,它们被用于站点管理和自动化数据处理,而 yari 平台会自动将这些元数据由英文文档合并到本地化文档中。若没有特殊的需要,请将这些元数据从简体中文文档中移除。

最终在简体中文文档中呈现的元数据如下所示:

```yaml
title: atob() 全局函数
slug: Web/API/atob
title: Fetch API
slug: Web/API/Fetch_API
```
## 翻译标题和 ID
Expand Down
12 changes: 4 additions & 8 deletions files/es/web/css/hyphens/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -57,18 +57,14 @@ Este ejemplo usa tres clases, una por cada posible configuración de la propieda

```html
<ul>
<li>
<code>none</code>: sin separación; se desbordará si es preciso
<li><code>none</code>: sin separación; se desbordará si es preciso
<p lang="es" class="none">Una extrema&shy;damente larga palabra</p>
</li>
<li>
<code>manual</code>: separación sólo en &amp;hyphen; o &amp;shy; (si fuera
necesario)
<li><code>manual</code>: separación sólo en &amp;hyphen; o &amp;shy; (si fuera necesario)
<p lang="es" class="manual">Una extrema&shy;damente larga palabra</p>
</li>
<li>
<code>auto</code>: separará donde decida el algoritmo (si fuera necesario)
<p lang="es" class="auto">Una extrema&shy;damente larga palabra</p>
<li><code>auto</code>: separará donde decida el algoritmo (si fuera necesario)
<p lang="enes class="auto">Una extrema&shy;damente larga palabra</p>
</li>
</ul>
```
Expand Down
215 changes: 112 additions & 103 deletions files/es/web/tutorials/index.md

Large diffs are not rendered by default.

29 changes: 0 additions & 29 deletions files/es/webassembly/reference/numeric/and/index.md

This file was deleted.

Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ Voyons maintenant les sélecteurs de **pseudo-classes** et de **pseudo-élément
</tbody>
</table>

## Qu'est-ce qu'une pseudo-classe ?
## Qu'est ce qu'une pseudo-classe ?

Une pseudo-classe est un sélecteur ciblant des éléments dans un état spécifique, par ex. le premier élément d'un type, ou un élément survolé par le pointeur de la souris. Leur comportement correspond à celui d'une classe, mais qui ne s'appliquerait que partiellement. On gagne ainsi en flexibilité, en éliminant du code inutile. Le résultat est plus facile à maintenir.

Expand Down Expand Up @@ -70,7 +70,7 @@ Certaines pseudo-classes ne s'appliquent que lorsque l'utilisateur interagit ave

{{EmbedGHLiveSample("css-examples/learn/selectors/hover.html", '100%', 500)}}

## Qu'est-ce qu'un pseudo-élément ?
## Qu'est ce qu'un pseudo-élément ?

Les pseudo-éléments se comportent de manière similaire, même s'ils se comportent comme si vous aviez ajouté un tout nouvel élément HTML dans le balisage, au lieu d'appliquer une classe à des éléments existants. Les pseudo-éléments commencent avec un double deux-points `::`.

Expand Down Expand Up @@ -127,7 +127,7 @@ L'utilisation des pseudo-éléments `::before` et `::after` avec la propriété

Dans cet article, nous avons présenté les pseudo-classes et les pseudo-éléments CSS, qui sont des types particuliers de sélecteurs.

Les pseudo-classes vous permettent de cibler un élément lorsqu'il se trouve dans un état particulier, comme si vous aviez ajouté une classe pour cet état au DOM. Les pseudo-éléments agissent comme si vous aviez ajouté un nouvel élément au DOM, et vous permettent de le styliser. Les pseudo-éléments `::before` et `::after` vous permettent d'insérer du contenu dans le document en utilisant le CSS.
Les pseudo-classes vous permettent de cibler un élément lorsqu'il se trouve dans un état particulier, comme si vous aviez ajouté une classe pour cet état au DOM. Les pseudo-éléments agissent comme si vous aviez ajouté un nouvel élément au DOM, et vous permettent de le styliser. Les pseudo-éléments `::before` et `::after` vous permettent d'insérer du contenu dans le document à l'aide de CSS.

Dans le prochain article, nous aborderons [les combinateurs](/fr/docs/Learn/CSS/Building_blocks/Selectors/Combinators).

Expand Down
4 changes: 2 additions & 2 deletions files/fr/learn/css/building_blocks/values_and_units/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -179,7 +179,7 @@ Dans la plupart des exemples de cette section d'apprentissage ou à d'autres end

### Valeurs RGB hexadécimales

Les autres valeurs de couleur que vous rencontrerez assez souvent sont celles représentées avec des codes hexadécimaux. Chaque valeur hexadécimale se compose d'un croisillon (#) suivi de six chiffres hexadécimaux dont chacun peut prendre une valeur parmi 16 : de 0 à f (la lettre utilisée pour représenter 15) (les chiffres hexadécimaux sont&nbsp;: `0123456789abcdef`). Dans ces six chiffres, chaque paire de chiffre représente la valeur pour l'un des canaux de couleurs (rouge, vert et bleu) et permet d'indiquer l'une des 256 valeurs disponibles.
Les autres valeurs de couleur que vous rencontrerez assez souvent sont celles représentées avec des codes hexadécimaux. Chaque valeur hexadécimale se compose d'un croisillon (#) suivi de six chiffres hexadécimaux dont chacun peut prendre une valeur parmi 16 : de 0 à f (la lettre utilisée pour représentée 15) (les chiffres hexadécimaux sont&nbsp;: `0123456789abcdef`). Dans ces six chiffres, chaque paire de chiffre représente la valeur pour l'un des canaux de couleurs (rouge, vert et bleu) et permet d'indiquer l'une des 256 valeurs disponibles.

Ces valeurs sont un peu plus complexes et moins faciles à comprendre, mais elles permettent d'exprimer beaucoup plus de couleurs que les mots-clés. Vous pouvez utiliser les valeurs hexadécimales pour représenter n'importe quelle couleur dans votre palette.

Expand Down Expand Up @@ -255,7 +255,7 @@ Dans les différents exemples qui précèdent, on a vu des endroits où les mots

{{EmbedGHLiveSample("css-examples/learn/values-units/strings-idents.html", '100%', 550)}}

## Fonctions
## Functions

Les dernières valeurs que nous verrons ici sont les fonctions. En programmation, une fonction est une section de code réutilisable qui peut être exécutée plusieurs fois afin de réaliser une tâche de façon répétitive avec le minimum effort de la part du développeur ou de l'ordinateur. Les fonctions sont généralement associées à des langages comme JavaScript, Python ou C++ mais elles existent en CSS également pour être utilisées comme valeurs de propriétés. En fait, nous avons déjà vu des fonctions dans la section à propos des couleurs&nbsp;: `rgb()`, `hsl()`, etc. La valeur utilisée pour récupérer une image à partir d'un fichier, `url()` est également une fonction.

Expand Down
Loading

0 comments on commit 6ec047d

Please sign in to comment.