chore(css): Move CSS examples - CSS values and units

[hochan222]

Description

As part of an initiative to reduce repo maintenance & code duplication, this PR moves some external examples into content. This PR converts the following macros to live samples:

{{EmbedGHLiveSample("css-examples/learn/values-units/length.html", '100%', 900)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/em-rem.html", '100%', 1100)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/percentage.html", '100%', 1000)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/percentage-fonts.html", '100%', 800)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/opacity.html", '100%', 600)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/color-keywords.html", '100%', 800)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/color-hex.html", '100%', 800)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/color-rgb.html", '100%', 800)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/color-rgba.html", '100%', 900)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/color-hsl.html", '100%', 800)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/color-hsla.html", '100%', 900)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/image.html", '100%', 900)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/position.html", '100%', 800)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/strings-idents.html", '100%', 600)}}
{{EmbedGHLiveSample("css-examples/learn/values-units/calc.html", '100%', 500)}}

Motivation

Motivation is described in the project issue.

Related issues and pull requests

• [PROJECT] Move embedded css-examples into content mdn#597

[hochan222]

최신화는 해당 해쉬까지만 진행했습니다.

[github-actions]

Preview URLs

• /ko/docs/Learn/CSS/Building_blocks/Values_and_units

Flaws (100)

URL: /ko/docs/Learn/CSS/Building_blocks/Values_and_units
Title: CSS 값과 단위
Flaw count: 100

• macros:
  • /ko/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure does not exist but fell back to /en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure
  • /ko/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML does not exist but fell back to /en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML
  • /ko/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content does not exist but fell back to /en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
  • /ko/docs/Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page does not exist but fell back to /en-US/docs/Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page
  • /ko/docs/Learn/CSS/Building_blocks/Advanced_styling_effects does not exist but fell back to /en-US/docs/Learn/CSS/Building_blocks/Advanced_styling_effects
  • and 89 more flaws omitted
• broken_links:
  • Can't resolve /ko/docs/Web/CSS/All_About_The_Containing_Block
  • Can't resolve /ko/docs/Web/CSS/All_About_The_Containing_Block
  • Can't resolve /ko/docs/Web/CSS/CSS_Logical_Properties#블록_치수
  • Can't resolve /ko/docs/Web/CSS/CSS_Logical_Properties#인라인_치수
  • Anchor not lowercase
• translation_differences:
  • Differences in the important macros (16 in common of 17 possible)

(comment last updated: 2024-11-01 02:30:30)

[1ilsang]

이 파일은 특히 쉽지 않았을 것 같은데 고생하셨습니다. 👍

LGTM