chore(css): Move CSS examples - Basic shapes, filter effects, module template, paint API

[bsmth]

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/cssom/modify-rule.html", '100%', 120)}}
{{EmbedGHLiveSample("css-examples/houdini/css_painting_api/example-boxbg.html", '100%', 400)}}
{{EmbedGHLiveSample("css-examples/shapes/overview/circle.html", '100%', 720)}}
{{EmbedGHLiveSample("css-examples/shapes/basic-shape/ellipse.html", '100%', 800)}}
{{EmbedGHLiveSample("css-examples/shapes/basic-shape/ellipse-keywords.html", '100%', 800)}}
{{EmbedGHLiveSample("css-examples/flexbox/alignment/intro.html", '100%', 700)}}
{{EmbedGHLiveSample("css-examples/modules/filters.html", '100%', 420)}}
{{EmbedGHLiveSample("css-examples/shapes/overview/circle.html", '100%', 720)}}
{{EmbedGHLiveSample("css-examples/houdini/css_painting_api/example-boxbg.html", '100%', 400)}}

Motivation

Motivation is described in the project issue.

Related issues and pull requests

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

[github-actions]

Preview URLs (11 pages)

• /en-US/docs/Learn/CSS/CSS_layout/Media_queries
• /en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
• /en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/CSS_module_landing_page_template
• /en-US/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information
• /en-US/docs/Web/API/CSS_Painting_API
• /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables
• /en-US/docs/Web/CSS/CSS_filter_effects
• /en-US/docs/Web/CSS/CSS_shapes
• /en-US/docs/Web/CSS/basic-shape/circle
• /en-US/docs/Web/CSS/basic-shape/ellipse
• /en-US/docs/Web/CSS/image/paint

Flaws (2)

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

URL: /en-US/docs/Web/API/CSS_Painting_API
Title: CSS Painting API
Flaw count: 2

• macros:
  • /en-US/docs/Web/API/PaintRenderingContext2D does not exist
  • /en-US/docs/Web/API/PaintSize does not exist

(comment last updated: 2024-11-13 15:59:10)