From f8a660a9dca5b1997ee560b5a70138e196d546eb Mon Sep 17 00:00:00 2001 From: mdn-bot <108879845+mdn-bot@users.noreply.github.com> Date: Thu, 16 Jan 2025 00:18:54 +0000 Subject: [PATCH 1/2] chore: auto-fix Markdownlint, Prettier, and front-matter issues --- .../box_alignment_in_block_abspos_tables/index.md | 2 +- .../web/css/css_box_alignment/box_alignment_in_flexbox/index.md | 2 +- .../css/css_box_alignment/box_alignment_in_grid_layout/index.md | 2 +- .../box_alignment_in_multi-column_layout/index.md | 2 +- files/en-us/web/css/css_box_alignment/index.md | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/files/en-us/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.md b/files/en-us/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.md index 099b136e46171da..473f7a9cc35118c 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.md @@ -77,7 +77,7 @@ For many use cases, turning the block container into a flex item will give you t ## See also -- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) +- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) - [Box alignment in flexbox](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox) - [Box alignment in CSS grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [Box alignment in multiple-column layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout) diff --git a/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md b/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md index 6c535b9e539db94..3a17b0460630e64 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md @@ -159,7 +159,7 @@ On the cross axis the `row-gap` property creates spacing between adjacent flex l ## See also -- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) +- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) - [Box alignment in CSS grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [Box alignment in multiple-column layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout) - [Box alignment for block, absolutely positioned and table layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables) diff --git a/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md b/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md index f7dff9a24a30737..42eea9c777736be 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md @@ -69,7 +69,7 @@ The grid specification originally contained the definition for the properties {{ ## See also -- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) +- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) - [Box alignment in flexbox](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox) - [Box alignment in multiple-column layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout) - [Box alignment for block, absolutely positioned and table layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables) diff --git a/files/en-us/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.md b/files/en-us/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.md index aada480e70b098d..028e6f8f35ae42d 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.md @@ -22,7 +22,7 @@ The {{cssxref("column-gap")}} property was originally specified in the multiple- ## See also -- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) +- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) - [Box alignment in flexbox](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox) - [Box alignment in CSS grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [Box alignment for block, absolutely positioned and table layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables) diff --git a/files/en-us/web/css/css_box_alignment/index.md b/files/en-us/web/css/css_box_alignment/index.md index 867f64dec0517e4..a53c27680d90fb6 100644 --- a/files/en-us/web/css/css_box_alignment/index.md +++ b/files/en-us/web/css/css_box_alignment/index.md @@ -51,7 +51,7 @@ The alignment of text and inline-level content is defined in [CSS text module](/ ## Guides -- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) +- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) - : Overview of the general concepts found in the CSS box alignment module. From 04ea1347aeb0468ee3cc9345dacf146b3e879ffa Mon Sep 17 00:00:00 2001 From: Joshua Chen Date: Wed, 15 Jan 2025 20:35:27 -0500 Subject: [PATCH 2/2] Make it uppercase --- files/en-us/glossary/baseline/typography/index.md | 2 +- files/en-us/mozilla/firefox/releases/61/index.md | 2 +- .../web/css/css_box_alignment/box_alignment/index.md | 2 +- .../box_alignment_in_block_abspos_tables/index.md | 4 ++-- .../css_box_alignment/box_alignment_in_flexbox/index.md | 4 ++-- .../box_alignment_in_grid_layout/index.md | 4 ++-- .../box_alignment_in_multi-column_layout/index.md | 4 ++-- files/en-us/web/css/css_box_alignment/index.md | 8 ++++---- files/en-us/web/svg/attribute/alignment-baseline/index.md | 2 +- 9 files changed, 16 insertions(+), 16 deletions(-) diff --git a/files/en-us/glossary/baseline/typography/index.md b/files/en-us/glossary/baseline/typography/index.md index 45199bd983d17a1..64b22390066d86e 100644 --- a/files/en-us/glossary/baseline/typography/index.md +++ b/files/en-us/glossary/baseline/typography/index.md @@ -14,6 +14,6 @@ Other writing systems have different baselines. For example, Tibetan and similar ## See also -- [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment#types_of_alignment) +- [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment#types_of_alignment) - [CSS inline layout](/en-US/docs/Web/CSS/CSS_inline_layout) module - [Baseline (Typography)]() on Wikipedia diff --git a/files/en-us/mozilla/firefox/releases/61/index.md b/files/en-us/mozilla/firefox/releases/61/index.md index 7fcddb57567119a..f63a36bf024c7a5 100644 --- a/files/en-us/mozilla/firefox/releases/61/index.md +++ b/files/en-us/mozilla/firefox/releases/61/index.md @@ -36,7 +36,7 @@ _No changes._ - CSS parsing has been parallelized ([Firefox bug 1346988](https://bugzil.la/1346988)). - Support for {{cssxref("font-variation-settings")}} and {{cssxref("font-optical-sizing")}} has been enabled by default ([Firefox bug 1447163](https://bugzil.la/1447163)). -- The `grid-gap`, `grid-row-gap`, and `grid-column-gap` properties have been renamed to {{cssxref("gap")}}, {{cssxref("row-gap")}}, and {{cssxref("column-gap")}}, as they are no longer grid-specific ([Firefox bug 1398482](https://bugzil.la/1398482)). See [Box alignment; Gaps between boxes](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment#gaps_between_boxes) for additional details. The old names have been kept as aliases for web compatibility purposes. +- The `grid-gap`, `grid-row-gap`, and `grid-column-gap` properties have been renamed to {{cssxref("gap")}}, {{cssxref("row-gap")}}, and {{cssxref("column-gap")}}, as they are no longer grid-specific ([Firefox bug 1398482](https://bugzil.la/1398482)). See [Box alignment; Gaps between boxes](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment#gaps_between_boxes) for additional details. The old names have been kept as aliases for web compatibility purposes. - The {{cssxref("flex-basis")}} `content` value is now supported ([Firefox bug 1105111](https://bugzil.la/1105111)). - Percentage values of {{cssxref("column-gap")}} are now supported in [CSS multi-column layout](/en-US/docs/Web/CSS/CSS_multicol_layout) ([Firefox bug 1398537](https://bugzil.la/1398537)). - The CSS {{cssxref(":host")}} pseudo-class is now supported; this selects a custom element from inside its shadow DOM ([Firefox bug 992245](https://bugzil.la/992245)). diff --git a/files/en-us/web/css/css_box_alignment/box_alignment/index.md b/files/en-us/web/css/css_box_alignment/box_alignment/index.md index 9794afb81ba96de..a4e5fa1dffabb24 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment/index.md @@ -1,6 +1,6 @@ --- title: CSS box alignment overview -slug: Web/CSS/CSS_box_alignment/box_alignment +slug: Web/CSS/CSS_box_alignment/Box_alignment page-type: guide --- diff --git a/files/en-us/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.md b/files/en-us/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.md index 473f7a9cc35118c..f5f57d0bdb8f610 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.md @@ -4,7 +4,7 @@ slug: Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables page-type: guide --- -The [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module details how alignment works in various layout methods. In this guide, we explore how box alignment works in the context of block layout, including floated, positioned, and table elements. As this guide aims to detail things which are specific to block layout and box alignment, it should be read in conjunction with the [box alignment](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) guide, which details the common features of box alignment across layout methods. +The [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module details how alignment works in various layout methods. In this guide, we explore how box alignment works in the context of block layout, including floated, positioned, and table elements. As this guide aims to detail things which are specific to block layout and box alignment, it should be read in conjunction with the [box alignment](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) guide, which details the common features of box alignment across layout methods. ## align-content and justify-content @@ -77,7 +77,7 @@ For many use cases, turning the block container into a flex item will give you t ## See also -- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) +- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) - [Box alignment in flexbox](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox) - [Box alignment in CSS grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [Box alignment in multiple-column layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout) diff --git a/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md b/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md index 3a17b0460630e64..c44819db54f7924 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment_in_flexbox/index.md @@ -6,7 +6,7 @@ page-type: guide {{CSSRef}} -The [box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module details how alignment works in various layout methods. In this guide, we explore how box alignment works in the context of [flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox). As this guide aims to detail things which are specific to flexbox and box alignment, it should be read in conjunction with the [box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) guide, which details the common features of box alignment across layout methods. +The [box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module details how alignment works in various layout methods. In this guide, we explore how box alignment works in the context of [flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox). As this guide aims to detail things which are specific to flexbox and box alignment, it should be read in conjunction with the [box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) guide, which details the common features of box alignment across layout methods. ## Basic example @@ -159,7 +159,7 @@ On the cross axis the `row-gap` property creates spacing between adjacent flex l ## See also -- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) +- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) - [Box alignment in CSS grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [Box alignment in multiple-column layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout) - [Box alignment for block, absolutely positioned and table layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables) diff --git a/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md b/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md index 42eea9c777736be..a272fcf9689d18c 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md @@ -8,7 +8,7 @@ page-type: guide The [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module details how alignment works in various layout methods. On this page, we explore how box alignment works in the context of [CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout). -As this guide aims to detail things which are specific to CSS grid layout and Box Alignment, it should be read in conjunction with the [box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) guide, which details the common features of box alignment across layout methods. +As this guide aims to detail things which are specific to CSS grid layout and Box Alignment, it should be read in conjunction with the [box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) guide, which details the common features of box alignment across layout methods. ## Basic example @@ -69,7 +69,7 @@ The grid specification originally contained the definition for the properties {{ ## See also -- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) +- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) - [Box alignment in flexbox](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox) - [Box alignment in multiple-column layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout) - [Box alignment for block, absolutely positioned and table layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables) diff --git a/files/en-us/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.md b/files/en-us/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.md index 028e6f8f35ae42d..f1cccb2de0d1649 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.md @@ -6,7 +6,7 @@ page-type: guide {{CSSRef}} -The [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module details how alignment works in various layout methods; in this guide, we explore how box alignment works in the context of [multi-column layout](/en-US/docs/Web/CSS/CSS_multicol_layout). As this guide aims to detail things that are specific to both modules, it should be read in conjunction with the [box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) guide, which details the common features of box alignment across layout methods. +The [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module details how alignment works in various layout methods; in this guide, we explore how box alignment works in the context of [multi-column layout](/en-US/docs/Web/CSS/CSS_multicol_layout). As this guide aims to detail things that are specific to both modules, it should be read in conjunction with the [box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) guide, which details the common features of box alignment across layout methods. In [multi-column layout](/en-US/docs/Web/CSS/CSS_multicol_layout/Basic_concepts), the {{glossary("alignment container")}} is the content box of the multicol container. The {{glossary("alignment subject")}} is the column box. The properties which apply to multi-column layouts are detailed below. @@ -22,7 +22,7 @@ The {{cssxref("column-gap")}} property was originally specified in the multiple- ## See also -- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) +- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) - [Box alignment in flexbox](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox) - [Box alignment in CSS grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [Box alignment for block, absolutely positioned and table layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables) diff --git a/files/en-us/web/css/css_box_alignment/index.md b/files/en-us/web/css/css_box_alignment/index.md index a53c27680d90fb6..2a46db4025c4119 100644 --- a/files/en-us/web/css/css_box_alignment/index.md +++ b/files/en-us/web/css/css_box_alignment/index.md @@ -44,14 +44,14 @@ The alignment of text and inline-level content is defined in [CSS text module](/ - {{Glossary("Alignment container")}} - {{Glossary("Alignment subject")}} -- [Baseline alignment](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment#baseline_alignment) -- [Distributed alignment](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment#distributed_alignment) +- [Baseline alignment](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment#baseline_alignment) +- [Distributed alignment](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment#distributed_alignment) - {{Glossary("Fallback alignment")}} -- [Positional alignment](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment#positional_alignment) +- [Positional alignment](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment#positional_alignment) ## Guides -- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment) +- [Box alignment overview](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment) - : Overview of the general concepts found in the CSS box alignment module. diff --git a/files/en-us/web/svg/attribute/alignment-baseline/index.md b/files/en-us/web/svg/attribute/alignment-baseline/index.md index fd48292e03effa7..1bd78409fe9c76d 100644 --- a/files/en-us/web/svg/attribute/alignment-baseline/index.md +++ b/files/en-us/web/svg/attribute/alignment-baseline/index.md @@ -145,4 +145,4 @@ For object alignment in other elements (such as {{SVGElement("text")}}), see {{S ## See also -- [CSS baseline alignment](/en-US/docs/Web/CSS/CSS_box_alignment/box_alignment#baseline_alignment) +- [CSS baseline alignment](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment#baseline_alignment)