Skip to content

Commit

Permalink
fix: MD030 spaces after list markers (#12652)
Browse files Browse the repository at this point in the history
  • Loading branch information
nschonni committed Feb 3, 2022
1 parent f937963 commit d1aea32
Show file tree
Hide file tree
Showing 78 changed files with 1,049 additions and 1,049 deletions.
6 changes: 3 additions & 3 deletions files/en-us/web/svg/attribute/tabindex/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,8 +53,8 @@ html, body, svg {
</tbody>
</table>

* valid integer
* : Relative order of the element for the purposes of sequential focus navigation.
* valid integer
* : Relative order of the element for the purposes of sequential focus navigation.

## Specifications

Expand Down Expand Up @@ -83,4 +83,4 @@ html, body, svg {

## See also

* [HTML `tabindex`](/en-US/docs/Web/HTML/Global_attributes/tabindex)
* [HTML `tabindex`](/en-US/docs/Web/HTML/Global_attributes/tabindex)
24 changes: 12 additions & 12 deletions files/en-us/web/svg/attribute/tablevalues/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,10 @@ The **`tableValues`** attribute defines a list of numbers defining a lookup tabl

You can use this attribute with the following SVG elements:

* {{SVGElement("feFuncA")}}
* {{SVGElement("feFuncB")}}
* {{SVGElement("feFuncG")}}
* {{SVGElement("feFuncR")}}
* {{SVGElement("feFuncA")}}
* {{SVGElement("feFuncB")}}
* {{SVGElement("feFuncG")}}
* {{SVGElement("feFuncR")}}

## Example

Expand All @@ -37,16 +37,16 @@ html, body, svg {

<filter id="componentTransfer1" x="0" y="0" width="100%" height="100%">
<feComponentTransfer>
<feFuncR type="table" tableValues="0 1"/>
<feFuncG type="table" tableValues="0 1"/>
<feFuncB type="table" tableValues="0 1"/>
<feFuncR type="table" tableValues="0 1"/>
<feFuncG type="table" tableValues="0 1"/>
<feFuncB type="table" tableValues="0 1"/>
</feComponentTransfer>
</filter>
<filter id="componentTransfer2" x="0" y="0" width="100%" height="100%">
<feComponentTransfer>
<feFuncR type="table" tableValues="1 0"/>
<feFuncG type="table" tableValues="1 0"/>
<feFuncB type="table" tableValues="1 0"/>
<feFuncR type="table" tableValues="1 0"/>
<feFuncG type="table" tableValues="1 0"/>
<feFuncB type="table" tableValues="1 0"/>
</feComponentTransfer>
</filter>

Expand Down Expand Up @@ -84,8 +84,8 @@ html, body, svg {
</tbody>
</table>

* `<list-of-numbers>`
* : This value holds a comma- and/or space-separated list of {{cssxref("number")}}s, which define a lookup table for the color component transfer function. Each number can be between `0` and `1`.
* `<list-of-numbers>`
* : This value holds a comma- and/or space-separated list of {{cssxref("number")}}s, which define a lookup table for the color component transfer function. Each number can be between `0` and `1`.

An empty list results in an identity transfer function.

Expand Down
32 changes: 16 additions & 16 deletions files/en-us/web/svg/attribute/target/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ The **`target`** attribute should be used when there are multiple possible targe

You can use this attribute with the following SVG elements:

* {{SVGElement("a")}}
* {{SVGElement("a")}}

## Example

Expand All @@ -30,13 +30,13 @@ text {

```html
<svg viewBox="0 0 300 120" xmlns="http://www.w3.org/2000/svg">
  <a href="https://developer.mozilla.org" target="_self">
<a href="https://developer.mozilla.org" target="_self">
<text x="0" y="20">Open link within iframe</text>
</a>
  <a href="https://developer.mozilla.org" target="_blank">
<a href="https://developer.mozilla.org" target="_blank">
<text x="0" y="60">Open link in new tab or window</text>
</a>
  <a href="https://developer.mozilla.org" target="_top">
<a href="https://developer.mozilla.org" target="_top">
<text x="0" y="100">Open link in this tab or window</text>
</a>
</svg>
Expand Down Expand Up @@ -66,20 +66,20 @@ text {
</tbody>
</table>

* `_replace` {{deprecated_inline}}
* : The current SVG image is replaced by the linked content in the same rectangular area in the same frame as the current SVG image.
* `_replace` {{deprecated_inline}}
* : The current SVG image is replaced by the linked content in the same rectangular area in the same frame as the current SVG image.

> **Note:** This value was never well implemented, and the distinction between `_replace` and `_self` has been made redundant by changes in the HTML definition of browsing contexts. Use `_self` to replace the current SVG document.
* `_self`
* : The current SVG image is replaced by the linked content in the same browsing context as the current SVG image.
* `_parent`
* : The immediate parent browsing context of the SVG image is replaced by the linked content, if it exists and can be securely accessed from this document.
* `_top`
* : The content of the full active window or tab is replaced by the linked content, if it exists and can be securely accessed from this document
* `_blank`
* : A new un-named window or tab is requested for the display of the linked content, if this document can securely do so. If the user agent does not support multiple windows/tabs, the result is the same as \_top.
* `<XML-Name>`
* : Specifies the name of the browsing context (tab, inline frame, object, etc.) for display of the linked content. If a context with this name already exists, and can be securely accessed from this document, it is re-used, replacing the existing content. If it does not exist, it is created (the same as '\_blank', except that it now has a name). The name must be a valid XML Name \[XML11], and should not start with an underscore (U+005F LOW LINE character), to meet the requirements of a valid browsing context name from HTML.
* `_self`
* : The current SVG image is replaced by the linked content in the same browsing context as the current SVG image.
* `_parent`
* : The immediate parent browsing context of the SVG image is replaced by the linked content, if it exists and can be securely accessed from this document.
* `_top`
* : The content of the full active window or tab is replaced by the linked content, if it exists and can be securely accessed from this document
* `_blank`
* : A new un-named window or tab is requested for the display of the linked content, if this document can securely do so. If the user agent does not support multiple windows/tabs, the result is the same as \_top.
* `<XML-Name>`
* : Specifies the name of the browsing context (tab, inline frame, object, etc.) for display of the linked content. If a context with this name already exists, and can be securely accessed from this document, it is re-used, replacing the existing content. If it does not exist, it is created (the same as '\_blank', except that it now has a name). The name must be a valid XML Name \[XML11], and should not start with an underscore (U+005F LOW LINE character), to meet the requirements of a valid browsing context name from HTML.

## Specifications

Expand Down
8 changes: 4 additions & 4 deletions files/en-us/web/svg/attribute/targetx/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ The **`targetX`** attribute determines the positioning in horizontal direction o

You can use this attribute with the following SVG elements:

* {{SVGElement("feConvolveMatrix")}}
* {{SVGElement("feConvolveMatrix")}}

## Usage notes

Expand All @@ -35,8 +35,8 @@ You can use this attribute with the following SVG elements:
</tbody>
</table>

* `<integer>`
* : This value indicates the positioning in horizontal direction of the convolution matrix relative to a given target pixel in the input image.
* `<integer>`
* : This value indicates the positioning in horizontal direction of the convolution matrix relative to a given target pixel in the input image.

## Specifications

Expand Down Expand Up @@ -72,4 +72,4 @@ You can use this attribute with the following SVG elements:

## See also

* {{SVGAttr("targetY")}}
* {{SVGAttr("targetY")}}
8 changes: 4 additions & 4 deletions files/en-us/web/svg/attribute/targety/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ The **`targetY`** attribute determines the positioning in vertical direction of

You can use this attribute with the following SVG elements:

* {{SVGElement("feConvolveMatrix")}}
* {{SVGElement("feConvolveMatrix")}}

## Usage notes

Expand All @@ -35,8 +35,8 @@ You can use this attribute with the following SVG elements:
</tbody>
</table>

* `<integer>`
* : This value indicates the positioning in vertical direction of the convolution matrix relative to a given target pixel in the input image.
* `<integer>`
* : This value indicates the positioning in vertical direction of the convolution matrix relative to a given target pixel in the input image.

## Specifications

Expand Down Expand Up @@ -72,4 +72,4 @@ You can use this attribute with the following SVG elements:

## See also

* {{SVGAttr("targetX")}}
* {{SVGAttr("targetX")}}
22 changes: 11 additions & 11 deletions files/en-us/web/svg/attribute/text-anchor/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,11 @@ The `text-anchor` attribute is applied to each individual text chunk within a gi
You can use this attribute with the following SVG elements:

* {{SVGElement("altGlyph")}}
* {{SVGElement("text")}}
* {{SVGElement("textPath")}}
* {{SVGElement("tref")}}
* {{SVGElement("tspan")}}
* {{SVGElement("altGlyph")}}
* {{SVGElement("text")}}
* {{SVGElement("textPath")}}
* {{SVGElement("tref")}}
* {{SVGElement("tspan")}}

## Example

Expand Down Expand Up @@ -76,12 +76,12 @@ html, body, svg {
</tbody>
</table>
* `start`
* : The rendered characters are aligned such that the start of the text string is at the initial current text position. For an element with a {{cssxref("direction")}} property value of `ltr` (typical for most European languages), the left side of the text is rendered at the initial text position. For an element with a direction property value of `rtl` (typical for Arabic and Hebrew), the right side of the text is rendered at the initial text position. For an element with a vertical primary text direction (often typical for Asian text), the top side of the text is rendered at the initial text position.
* `middle`
* : The rendered characters are aligned such that the middle of the text string is at the current text position. (For text on a path, conceptually the text string is first laid out in a straight line. The midpoint between the start of the text string and the end of the text string is determined. Then, the text string is mapped onto the path with this midpoint placed at the current text position.)
* `end`
* : The rendered characters are shifted such that the end of the resulting rendered text (final current text position before applying the `text-anchor` property) is at the initial current text position. For an element with a `direction` property value of `ltr` (typical for most European languages), the right side of the text is rendered at the initial text position. For an element with a `direction` property value of `rtl` (typical for Arabic and Hebrew), the left side of the text is rendered at the initial text position. For an element with a vertical primary text direction (often typical for Asian text), the bottom of the text is rendered at the initial text position.
* `start`
* : The rendered characters are aligned such that the start of the text string is at the initial current text position. For an element with a {{cssxref("direction")}} property value of `ltr` (typical for most European languages), the left side of the text is rendered at the initial text position. For an element with a direction property value of `rtl` (typical for Arabic and Hebrew), the right side of the text is rendered at the initial text position. For an element with a vertical primary text direction (often typical for Asian text), the top side of the text is rendered at the initial text position.
* `middle`
* : The rendered characters are aligned such that the middle of the text string is at the current text position. (For text on a path, conceptually the text string is first laid out in a straight line. The midpoint between the start of the text string and the end of the text string is determined. Then, the text string is mapped onto the path with this midpoint placed at the current text position.)
* `end`
* : The rendered characters are shifted such that the end of the resulting rendered text (final current text position before applying the `text-anchor` property) is at the initial current text position. For an element with a `direction` property value of `ltr` (typical for most European languages), the right side of the text is rendered at the initial text position. For an element with a `direction` property value of `rtl` (typical for Arabic and Hebrew), the left side of the text is rendered at the initial text position. For an element with a vertical primary text direction (often typical for Asian text), the bottom of the text is rendered at the initial text position.
## Specifications
Expand Down
16 changes: 8 additions & 8 deletions files/en-us/web/svg/attribute/text-decoration/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,11 @@ The paint order of the text decoration, i.e. the fill and stroke, is determined
You can use this attribute with the following SVG elements:

* {{SVGElement("altGlyph")}}
* {{SVGElement("text")}}
* {{SVGElement("textPath")}}
* {{SVGElement("tref")}}
* {{SVGElement("tspan")}}
* {{SVGElement("altGlyph")}}
* {{SVGElement("text")}}
* {{SVGElement("textPath")}}
* {{SVGElement("tref")}}
* {{SVGElement("tspan")}}

## Example

Expand All @@ -34,8 +34,8 @@ html, body, svg {

```html
<svg viewBox="0 0 250 50" xmlns="http://www.w3.org/2000/svg">
  <text y="20" text-decoration="underline">Underlined text</text>
  <text x="0" y="40" text-decoration="line-through">Struck-through text</text>
<text y="20" text-decoration="underline">Underlined text</text>
<text x="0" y="40" text-decoration="line-through">Struck-through text</text>
</svg>
```

Expand Down Expand Up @@ -131,4 +131,4 @@ For a description of the values, please refer to the [CSS `text-decoration`](/en

## See also

* {{cssxref("text-decoration", "CSS text-decoration")}}
* {{cssxref("text-decoration", "CSS text-decoration")}}
24 changes: 12 additions & 12 deletions files/en-us/web/svg/attribute/text-rendering/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ The **`text-rendering`** attribute provides hints to the renderer about what tra
You can use this attribute with the following SVG elements:

* {{SVGElement("text")}}
* {{SVGElement("text")}}

## Example

Expand All @@ -26,8 +26,8 @@ html, body, svg {

```html
<svg viewBox="0 0 140 40" xmlns="http://www.w3.org/2000/svg">
  <text y="15" text-rendering="geometricPrecision">Geometric precision</text>
  <text y="35" text-rendering="optimizeLegibility">Optimized legibility</text>
<text y="15" text-rendering="geometricPrecision">Geometric precision</text>
<text y="35" text-rendering="optimizeLegibility">Optimized legibility</text>
</svg>
```

Expand Down Expand Up @@ -55,14 +55,14 @@ html, body, svg {
</tbody>
</table>

* `auto`
* : This value indicates that the user agent shall make appropriate tradeoffs to balance speed, legibility and geometric precision, but with legibility given more importance than speed and geometric precision.
* `optimizeSpeed`
* : This value indicates that the user agent shall emphasize rendering speed over legibility and geometric precision. This option will sometimes cause some user agents to turn off text anti-aliasing.
* `optimizeLegibility`
* : This value indicates that the user agent shall emphasize legibility over rendering speed and geometric precision. The user agent will often choose whether to apply anti-aliasing techniques, built-in font hinting or both to produce the most legible text.
* `geometricPrecision`
* : This value indicates that the user agent shall emphasize geometric precision over legibility and rendering speed. This option will usually cause the user agent to suspend the use of hinting so that {{Glossary("glyph")}} outlines are drawn with comparable geometric precision to the rendering of path data.
* `auto`
* : This value indicates that the user agent shall make appropriate tradeoffs to balance speed, legibility and geometric precision, but with legibility given more importance than speed and geometric precision.
* `optimizeSpeed`
* : This value indicates that the user agent shall emphasize rendering speed over legibility and geometric precision. This option will sometimes cause some user agents to turn off text anti-aliasing.
* `optimizeLegibility`
* : This value indicates that the user agent shall emphasize legibility over rendering speed and geometric precision. The user agent will often choose whether to apply anti-aliasing techniques, built-in font hinting or both to produce the most legible text.
* `geometricPrecision`
* : This value indicates that the user agent shall emphasize geometric precision over legibility and rendering speed. This option will usually cause the user agent to suspend the use of hinting so that {{Glossary("glyph")}} outlines are drawn with comparable geometric precision to the rendering of path data.

## Specifications

Expand Down Expand Up @@ -98,4 +98,4 @@ html, body, svg {

## See also

* {{cssxref("text-rendering", "CSS text-rendering")}}
* {{cssxref("text-rendering", "CSS text-rendering")}}
32 changes: 16 additions & 16 deletions files/en-us/web/svg/attribute/textlength/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,10 +22,10 @@ By using `textLength`, you can ensure that your SVG text displays at the same wi

You can use this attribute with the following SVG elements:

* {{SVGElement("text")}}
* {{SVGElement("textPath")}}
* {{SVGElement("tref")}}
* {{SVGElement("tspan")}}
* {{SVGElement("text")}}
* {{SVGElement("textPath")}}
* {{SVGElement("tref")}}
* {{SVGElement("tspan")}}

## Example

Expand All @@ -37,8 +37,8 @@ html, body, svg {

```html
<svg viewBox="0 0 200 60" xmlns="http://www.w3.org/2000/svg">
  <text y="20" textLength="6em">Small text length</text>
  <text y="40" textLength="120%">Big text length</text>
<text y="20" textLength="6em">Small text length</text>
<text y="40" textLength="120%">Big text length</text>
</svg>
```

Expand Down Expand Up @@ -66,10 +66,10 @@ html, body, svg {
</tbody>
</table>

* `<length-percentage>`
* : This value specifies the width of the space the text will be adjusted to occupy as absolute length or percentage.
* `<number>`
* : A numeric value outlines a length referring to the units of the current coordinate system.
* `<length-percentage>`
* : This value specifies the width of the space the text will be adjusted to occupy as absolute length or percentage.
* `<number>`
* : A numeric value outlines a length referring to the units of the current coordinate system.

## Interactive example

Expand Down Expand Up @@ -129,9 +129,9 @@ const baseLength = Math.floor(textElement.textLength.baseVal.value);
widthSlider.value = baseLength;

widthSlider.addEventListener("input", function(event) {
  textElement.textLength.baseVal.newValueSpecifiedUnits(
      SVGLength.SVG_LENGTHTYPE_PX, widthSlider.valueAsNumber);
  widthDisplay.innerText = widthSlider.value;
textElement.textLength.baseVal.newValueSpecifiedUnits(
SVGLength.SVG_LENGTHTYPE_PX, widthSlider.valueAsNumber);
widthDisplay.innerText = widthSlider.value;
}, false);

widthSlider.dispatchEvent(new Event("input"));
Expand Down Expand Up @@ -183,6 +183,6 @@ Here's what the example looks like. Try dragging the slider around to get a feel

## See also

* SVG Tutorial: [Texts](/en-US/docs/Web/SVG/Tutorial/Texts)
* {{domxref("SVGAnimatedLength")}} and {{domxref("SVGLength")}}
* {{SVGElement("text")}}
* SVG Tutorial: [Texts](/en-US/docs/Web/SVG/Tutorial/Texts)
* {{domxref("SVGAnimatedLength")}} and {{domxref("SVGLength")}}
* {{SVGElement("text")}}
20 changes: 10 additions & 10 deletions files/en-us/web/svg/attribute/to/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,17 +8,17 @@ tags:
---
{{SVGRef}}

The **`to`** attribute indicates the final value of the attribute that will be modified during the animation.
The **`to`** attribute indicates the final value of the attribute that will be modified during the animation.

The value of the attribute will change between the {{SVGAttr("from")}} attribute value and this value.

You can use this attribute with the following SVG elements:

* {{SVGElement("animate")}}
* {{SVGElement("animateColor")}}
* {{SVGElement("animateMotion")}}
* {{SVGElement("animateTransform")}}
* {{SVGElement("set")}}
* {{SVGElement("animate")}}
* {{SVGElement("animateColor")}}
* {{SVGElement("animateMotion")}}
* {{SVGElement("animateTransform")}}
* {{SVGElement("set")}}

## Example

Expand All @@ -30,10 +30,10 @@ html, body, svg {

```html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" width="100" height="100">
    <animate attributeType="XML" attributeName="width" fill="freeze"
       from="100" to="150" dur="3s"/>
  </rect>
<rect x="10" y="10" width="100" height="100">
<animate attributeType="XML" attributeName="width" fill="freeze"
from="100" to="150" dur="3s"/>
</rect>
</svg>
```

Expand Down
Loading

0 comments on commit d1aea32

Please sign in to comment.