[pt-br]: Migrate CSS interactive examples

[LeoMcA]

See https://github.com/orgs/mdn/discussions/782 for explanation of the wider effort.

This PR migrates the CSS choice interactive examples, reflecting the changes made in en-US in mdn/content#38552

Like we did with tabbed CSS and HTML examples, we've tested these examples with a couple of diff tools to ensure they all work and remain the same as before. See the zipfile of the visual diff in en-US in the above PR for the results of that: there's a few differences due to a subpixel difference between the old examples on prod and the new ones, but nothing we're concerned about.

No full manual review is necessary, but please do flag if anything seems off: you can check the examples in the preview urls.

[github-actions]

Preview URLs (33 pages)

• /pt-BR/docs/Web/CSS/align-content
• /pt-BR/docs/Web/CSS/align-items
• /pt-BR/docs/Web/CSS/align-self
• /pt-BR/docs/Web/CSS/animation
• /pt-BR/docs/Web/CSS/background-clip
• /pt-BR/docs/Web/CSS/background-color
• /pt-BR/docs/Web/CSS/background-origin
• /pt-BR/docs/Web/CSS/background-size
• /pt-BR/docs/Web/CSS/block-size
• /pt-BR/docs/Web/CSS/border-left
• /pt-BR/docs/Web/CSS/clear
• /pt-BR/docs/Web/CSS/color
• /pt-BR/docs/Web/CSS/cursor
• /pt-BR/docs/Web/CSS/filter-function/grayscale
• /pt-BR/docs/Web/CSS/flex-direction
• /pt-BR/docs/Web/CSS/flex-flow
• /pt-BR/docs/Web/CSS/flex-wrap
• /pt-BR/docs/Web/CSS/flex
• /pt-BR/docs/Web/CSS/font-size
• /pt-BR/docs/Web/CSS/font-variation-settings
• /pt-BR/docs/Web/CSS/gap
• /pt-BR/docs/Web/CSS/grid-template-rows
• /pt-BR/docs/Web/CSS/grid
• /pt-BR/docs/Web/CSS/letter-spacing
• /pt-BR/docs/Web/CSS/margin-bottom
• /pt-BR/docs/Web/CSS/margin
• /pt-BR/docs/Web/CSS/max-width
• /pt-BR/docs/Web/CSS/transform-origin
• /pt-BR/docs/Web/CSS/transform-style
• /pt-BR/docs/Web/CSS/transform
• /pt-BR/docs/Web/CSS/transition-delay
• /pt-BR/docs/Web/CSS/vertical-align
• /pt-BR/docs/Web/CSS/word-break

Flaws (24)

Note! 20 documents with no flaws that don't need to be listed. 🎉

URL: /pt-BR/docs/Web/CSS/letter-spacing
Title: letter-spacing
Flaw count: 1

• macros:
  • Can't resolve /pt-BR/docs/Glossary/agente_do_usuário

---

URL: /pt-BR/docs/Web/CSS/transform-style
Title: transform-style
Flaw count: 1

• broken_links:
  • /en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context is a redirect

---

URL: /pt-BR/docs/Web/CSS/grid-template-rows
Title: grid-template-rows
Flaw count: 1

• macros:
  • Can't resolve /pt-BR/docs/Glossary/grid_rows

---

URL: /pt-BR/docs/Web/CSS/max-width
Title: max-width
Flaw count: 1

• broken_links:
  • /pt-BR/docs/Web/CSS/used_value is a redirect

---

URL: /pt-BR/docs/Web/CSS/word-break
Title: word-break
Flaw count: 1

• macros:
  • Macro produces link /pt-BR/docs/Web/CSS/word-wrap which is a redirect

---

URL: /pt-BR/docs/Web/CSS/transform
Title: transform
Flaw count: 2

• broken_links:
  • Can't resolve /en-US/CSS/Using_CSS_transforms
• unknown:
  • No generic content config found

---

URL: /pt-BR/docs/Web/CSS/transform-origin
Title: transform-origin
Flaw count: 1

• broken_links:
  • /pt-BR/docs/Web/CSS/initial_value is a redirect

---

URL: /pt-BR/docs/Web/CSS/gap
Title: gap
Flaw count: 3

• broken_links:
  • /pt-BR/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout is ill cased
• macros:
  • Macro produces link /pt-BR/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout which is a redirect
• unknown:
  • must be provided

---

URL: /pt-BR/docs/Web/CSS/cursor
Title: cursor
Flaw count: 3

• macros:
  • Can't resolve /pt-BR/docs/Web/CSS/uri
  • Can't resolve /pt-BR/docs/Web/CSS/url
  • Can't resolve /pt-BR/docs/Web/CSS/uri

---

URL: /pt-BR/docs/Web/CSS/color
Title: Propriedade color do CSS
Flaw count: 1

• macros:
  • Can't resolve /pt-BR/docs/Web/CSS/currentcolor

---

URL: /pt-BR/docs/Web/CSS/background-size
Title: background-size
Flaw count: 2

• broken_links:
  • /pt-BR/docs/Glossary/viewport is ill cased
• macros:
  • Macro produces link /pt-BR/docs/Glossary/viewport which is a redirect

---

URL: /pt-BR/docs/Web/CSS/margin-bottom
Title: margin-bottom
Flaw count: 1

• unknown:
  • Error parsing /files/4045/margin-bottom.svg: No such file or directory (os error 2)

---

URL: /pt-BR/docs/Web/CSS/grid
Title: grid
Flaw count: 6

• macros:
  • Can't resolve /pt-BR/docs/Web/CSS/grid-column-gap
  • Can't resolve /pt-BR/docs/Web/CSS/grid-row-gap
  • Can't resolve /pt-BR/docs/Web/CSS/grid-column-gap
  • Can't resolve /pt-BR/docs/Web/CSS/grid-row-gap
  • Can't resolve /pt-BR/docs/Web/CSS/grid-column-gap
  • and 1 more flaws omitted