Skip to content

Commit

Permalink
Apply suggestions from code review
Browse files Browse the repository at this point in the history
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
  • Loading branch information
OnkarRuikar and github-actions[bot] authored Sep 9, 2024
1 parent 723f675 commit 6d99367
Show file tree
Hide file tree
Showing 5 changed files with 16 additions and 0 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,7 @@ It's important to know that there are variations even within one {{glossary("col
These are examples of the CSS notations used to define a color. Here the example color for each is a fully opaque magenta:

<!-- markdownlint-disable search-replace -->

```css
/* named color */
color: magenta;
Expand Down Expand Up @@ -95,6 +96,7 @@ oklch(0.7 0.32 328.37 / 1);
color(xyz-d65 0.59 0.28 0.96);
color(xyz-d65 0.59 0.28 0.96 / 1);
```

<!-- markdownlint-enable search-replace -->

The first example uses one of the defined [named colors](/en-US/docs/Web/CSS/named-color).
Expand Down
2 changes: 2 additions & 0 deletions files/en-us/web/css/color/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ For an overview of using color in HTML, see [Applying color to HTML elements usi
## Syntax

<!-- markdownlint-disable search-replace -->

```css
/* Keyword values */
color: currentcolor;
Expand Down Expand Up @@ -62,6 +63,7 @@ color: revert;
color: revert-layer;
color: unset;
```

<!-- markdownlint-enable search-replace -->

The `color` property is specified as a single {{cssxref("&lt;color&gt;")}} value.
Expand Down
6 changes: 6 additions & 0 deletions files/en-us/web/css/color_value/hsl/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ Defining _complementary colors_ with `hsl()` can be done by adding or subtractin
## Syntax

<!-- markdownlint-disable search-replace -->

```css
/* Absolute values */
hsl(120deg 75% 25%)
Expand All @@ -35,6 +36,7 @@ hsl(from rgb(200 0 0) calc(h + 30) s calc(l + 30))
The `hsla()` function can also be used to express sRGB colors. This is an alias for `hsl()` that accepts the same parameters.

> **Note:** `hsl()`/`hsla()` can also be written in a legacy form in which all values are separated with commas, for example `hsl(120, 75%, 25%)` or `hsla(120deg, 75%, 25%, 0.8)`. The `none` value is not permitted in the comma-separated legacy syntax, the `deg` on the hue value is optional, and the `%` units are required for the saturation and lightness values.
<!-- markdownlint-enable search-replace -->

### Values
Expand Down Expand Up @@ -284,6 +286,7 @@ For legacy reasons, the `hsl()` function accepts a form in which all values are
#### CSS

<!-- markdownlint-disable search-replace -->

```css
div {
width: 100px;
Expand All @@ -299,6 +302,7 @@ div.comma-separated {
background-color: hsl(0, 100%, 50%, 0.5);
}
```

<!-- markdownlint-enable search-replace -->

#### Result
Expand Down Expand Up @@ -337,6 +341,7 @@ body {
```

<!-- markdownlint-disable search-replace -->

```css
div.modern {
background-color: hsl(90 80% 50%);
Expand All @@ -358,6 +363,7 @@ div.legacyHSLA {
background-color: hsla(90, 80%, 50%, 0.5);
}
```

<!-- markdownlint-enable search-replace -->

#### Result
Expand Down
4 changes: 4 additions & 0 deletions files/en-us/web/css/color_value/rgb/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ The **`rgb()`** functional notation expresses a color in the {{glossary("RGB", "
## Syntax

<!-- markdownlint-disable search-replace -->

```css
/* Absolute values */
rgb(255 255 255)
Expand All @@ -27,6 +28,7 @@ rgb(from green r g b / 0.5)
rgb(from #0000FF calc(r + 40) calc(g + 40) b)
rgb(from hwb(120deg 10% 20%) r g calc(b + 200))
```

<!-- markdownlint-enable search-replace -->

The `rgba()` function can also be used to express sRGB colors. This is an alias for `rgb()` that accepts the same parameters.
Expand Down Expand Up @@ -280,6 +282,7 @@ For legacy reasons, the `rgb()` function accepts a form in which all values are
#### CSS

<!-- markdownlint-disable search-replace -->

```css
div {
width: 100px;
Expand All @@ -295,6 +298,7 @@ div.comma-separated {
background-color: rgb(255, 0, 0, 0.5);
}
```

<!-- markdownlint-enable search-replace -->

#### Result
Expand Down
2 changes: 2 additions & 0 deletions files/en-us/web/mathml/global_attributes/mathcolor/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ The **`mathcolor`** [global attribute](/en-US/docs/Web/MathML/Global_attributes)
## Syntax

<!-- markdownlint-disable search-replace -->

```html-nolint
<!-- Keyword values -->
<math mathcolor="currentcolor">
Expand Down Expand Up @@ -50,6 +51,7 @@ The **`mathcolor`** [global attribute](/en-US/docs/Web/MathML/Global_attributes)
<math mathcolor="hwb(1.5708rad 60% 0%)">
<math mathcolor="hwb(.25turn 0% 40% / 50%)">
```

<!-- markdownlint-enable search-replace -->

### Values
Expand Down

0 comments on commit 6d99367

Please sign in to comment.