aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/@media
diff options
context:
space:
mode:
authorSphinxKnight <SphinxKnight@users.noreply.github.com>2021-11-05 15:44:38 +0100
committerGitHub <noreply@github.com>2021-11-05 15:44:38 +0100
commit79843297a1d97045c504575ab9a6a29b3af8ffae (patch)
treeac5d42490285f37fb933ca83034505ecdd784dc9 /files/fr/web/css/@media
parent086e7141b8da9a5c008353582b8f72d7b5cda5b4 (diff)
downloadtranslated-content-79843297a1d97045c504575ab9a6a29b3af8ffae.tar.gz
translated-content-79843297a1d97045c504575ab9a6a29b3af8ffae.tar.bz2
translated-content-79843297a1d97045c504575ab9a6a29b3af8ffae.zip
Fixes #2842 - Fixing EmbedLiveSample errors for fr docs (#2851)
* Fixes #2842 for CSS pages * Fixes #2842 for Web API pages * Fixes #2842 for other sections * Fix EmbedLiveSample for moved CSS page * Fixes #2842 for conflicting / orphaned docs
Diffstat (limited to 'files/fr/web/css/@media')
-rw-r--r--files/fr/web/css/@media/forced-colors/index.md32
-rw-r--r--files/fr/web/css/@media/prefers-contrast/index.md28
-rw-r--r--files/fr/web/css/@media/prefers-reduced-motion/index.md9
3 files changed, 31 insertions, 38 deletions
diff --git a/files/fr/web/css/@media/forced-colors/index.md b/files/fr/web/css/@media/forced-colors/index.md
index cc33f5cca5..7dfb25ece9 100644
--- a/files/fr/web/css/@media/forced-colors/index.md
+++ b/files/fr/web/css/@media/forced-colors/index.md
@@ -1,10 +1,6 @@
---
title: forced-colors
slug: Web/CSS/@media/forced-colors
-tags:
- - CSS
- - Caractéristique média
- - Reference
translation_of: Web/CSS/@media/forced-colors
---
{{CSSRef}}{{SeeCompatTable}}{{draft}}
@@ -30,21 +26,25 @@ Dans cet exemple, les couleurs utilisées par défaut sont exotiques voire illis
### HTML
- <div class="colors">quelques couleurs étranges</div>
+```html
+<div class="colors">quelques couleurs étranges</div>
+```
### CSS
- .colors {
- background-color: red;
- color: grey;
- }
-
- @media (forced-colors: active) {
- .colors {
- background-color: white;
- color: black;
- }
- }
+```css
+.colors {
+ background-color: red;
+ color: grey;
+}
+
+@media (forced-colors: active) {
+ .colors {
+ background-color: white;
+ color: black;
+ }
+}
+```
### Résultat
diff --git a/files/fr/web/css/@media/prefers-contrast/index.md b/files/fr/web/css/@media/prefers-contrast/index.md
index 16467d0867..33d90f2617 100644
--- a/files/fr/web/css/@media/prefers-contrast/index.md
+++ b/files/fr/web/css/@media/prefers-contrast/index.md
@@ -1,10 +1,6 @@
---
title: prefers-contrast
slug: Web/CSS/@media/prefers-contrast
-tags:
- - CSS
- - Caractéristique média
- - Reference
translation_of: Web/CSS/@media/prefers-contrast
---
{{CSSRef}}{{SeeCompatTable}}{{draft}}
@@ -30,19 +26,23 @@ Par défaut, cet exemple présente un contraste trop faible pour la lisibilité.
### HTML
- <div class="contrast">Une boîte avec un contraste faible.</div>
+```html
+<div class="contrast">Une boîte avec un contraste faible.</div>
+```
### CSS
- .contrast {
-   color: grey;
- }
-
- @media (prefers-contrast: high) {
- .contrast {
-   color: black;
- }
- }
+```css
+.contrast {
+  color: grey;
+}
+
+@media (prefers-contrast: high) {
+ .contrast {
+  color: black;
+ }
+}
+```
### Résultat
diff --git a/files/fr/web/css/@media/prefers-reduced-motion/index.md b/files/fr/web/css/@media/prefers-reduced-motion/index.md
index 602abf4761..6bd87e7c10 100644
--- a/files/fr/web/css/@media/prefers-reduced-motion/index.md
+++ b/files/fr/web/css/@media/prefers-reduced-motion/index.md
@@ -1,13 +1,6 @@
---
title: prefers-reduced-motion
slug: Web/CSS/@media/prefers-reduced-motion
-tags:
- - '@media'
- - Accessibility
- - CSS
- - Media Queries
- - Reference
- - media feature
translation_of: Web/CSS/@media/prefers-reduced-motion
---
{{CSSRef}}
@@ -104,7 +97,7 @@ Cet exemple possède une animation désagréable qui sera exécutée à moins d'
### Résultat
-{{EmbedLiveSample("example")}}
+{{EmbedLiveSample("Exemple")}}
## Spécifications