Skip to content

[pull] main from mdn:main #233

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pull merged 2 commits into from
Aug 7, 2025
Merged

[pull] main from mdn:main #233

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
861dc1b
New CSS module: easing functions (#40645)
estelle Aug 7, 2025
451c6b5
Lint: use named color if possible (1) (#40622)
Josh-Cena Aug 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions ...s/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_a-frame/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -135,9 +135,9 @@ We've also defined a cursor for the given camera, using the `cursor-*` attribute
The basic light types in A-Frame are directional and ambient. The first type is a directional light placed somewhere on the scene while the second one reflects the light from the first type, so it looks more natural; this can be set globally. Add the new code below your previous additions — this uses the standard `<a-light>` element:

```html
<a-light type="directional" color="#FFF" intensity="0.5" position="-1 1 2">
<a-light type="directional" color="white" intensity="0.5" position="-1 1 2">
</a-light>
<a-light type="ambient" color="#FFF"></a-light>
<a-light type="ambient" color="white"></a-light>
```

The directional light has a white color, its intensity is set to `0.5`, and it is placed at position `-1 1 2`. The ambient light only needs a color, which is also white.
Expand Down Expand Up @@ -261,10 +261,10 @@ Everything is rendered properly and animating — congratulations on building yo

<a-light
type="directional"
color="#FFF"
color="white"
intensity="0.5"
position="-1 1 2"></a-light>
<a-light type="ambient" color="#FFF"></a-light>
<a-light type="ambient" color="white"></a-light>

<a-camera position="0 1 4">
<a-cursor color="#0095DD" opacity="0.5" scale="2 2 2"> </a-cursor>
Expand Down
4 changes: 2 additions & 2 deletions ...ials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ Let's see an example piece of code that prints a red square on the canvas. Add t
```js
ctx.beginPath();
ctx.rect(20, 40, 50, 50);
ctx.fillStyle = "#FF0000";
ctx.fillStyle = "red";
ctx.fill();
ctx.closePath();
```
Expand Down Expand Up @@ -119,7 +119,7 @@ const ctx = canvas.getContext("2d");

ctx.beginPath();
ctx.rect(20, 40, 50, 50);
ctx.fillStyle = "#FF0000";
ctx.fillStyle = "red";
ctx.fill();
ctx.closePath();

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/learn_web_development/core/accessibility/css_and_javascript/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -142,7 +142,7 @@ Some very simple link styling is shown below:

```css
a {
color: #ff0000;
color: red;
}

a:hover,
Expand All @@ -153,7 +153,7 @@ a:focus {
}

a:active {
color: #000000;
color: black;
background-color: #a60000;
}
```
Expand Down
4 changes: 2 additions & 2 deletions ...web_development/core/accessibility/test_your_skills/css_and_javascript/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ To complete the task, create new rules to make the links look and behave like li

```css hidden live-sample___css-js-ally-1 live-sample___css-js-ally-2 live-sample___css-js-ally-3
body {
background-color: #fff;
background-color: white;
color: #333;
font:
1em / 1.4 Helvetica Neue,
Expand Down Expand Up @@ -81,7 +81,7 @@ li a {
li a:hover,
li a:focus {
text-decoration: none;
color: rgb(255 0 0);
color: red;
}
```

Expand Down
2 changes: 1 addition & 1 deletion ...s/en-us/learn_web_development/core/accessibility/test_your_skills/html/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ To complete the task, update the markup to use appropriate semantic HTML. You do

```css hidden live-sample___html-ally-1 live-sample___html-ally-2 live-sample___html-ally-3 live-sample___html-ally-4
body {
background-color: #fff;
background-color: white;
color: #333;
font:
1em / 1.4 Helvetica Neue,
Expand Down
2 changes: 1 addition & 1 deletion ...-us/learn_web_development/core/accessibility/test_your_skills/wai-aria/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ To complete the task, add some WAI-ARIA semantics to make screen readers recogni

```css hidden live-sample___aria-1 live-sample___aria-2 live-sample___aria-3
body {
background-color: #fff;
background-color: white;
color: #333;
font:
1em / 1.4 Helvetica Neue,
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/learn_web_development/core/accessibility/wai-aria_basics/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -203,7 +203,7 @@ body {

html {
font-size: 10px;
background-color: #a9a9a9;
background-color: darkgrey;
}

body {
Expand Down Expand Up @@ -456,7 +456,7 @@ body {

html {
font-size: 10px;
background-color: #a9a9a9;
background-color: darkgrey;
}

body {
Expand Down Expand Up @@ -855,7 +855,7 @@ function toggleMusician(bool) {
const instrument = formItems[formItems.length - 1];
if (bool) {
instrument.input.disabled = false;
instrument.label.style.color = "#000";
instrument.label.style.color = "black";
instrument.input.setAttribute("aria-disabled", "false");
hiddenAlert.textContent =
"Instruments played field now enabled; use it to tell us what you play.";
Expand Down
8 changes: 4 additions & 4 deletions files/en-us/learn_web_development/core/css_layout/responsive_design/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -163,7 +163,7 @@ body {

.col1,
.col2 {
background-color: #fff;
background-color: white;
}
```

Expand Down Expand Up @@ -241,7 +241,7 @@ body {

.col1,
.col2 {
background-color: #fff;
background-color: white;
}
```

Expand Down Expand Up @@ -361,7 +361,7 @@ h1 {

.col1,
.col2 {
background-color: #fff;
background-color: white;
}

@media screen and (width >= 600px) {
Expand Down Expand Up @@ -447,7 +447,7 @@ h1 {

.col1,
.col2 {
background-color: #fff;
background-color: white;
}

@media screen and (width >= 600px) {
Expand Down
6 changes: 3 additions & 3 deletions ...s/en-us/learn_web_development/core/css_layout/test_your_skills/flexbox/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ nav a:visited {
background-color: #4d7298;
border: 2px solid #77a6b6;
border-radius: 0.5em;
color: #fff;
color: white;
padding: 0.5em;
display: inline-block;
text-decoration: none;
Expand Down Expand Up @@ -117,7 +117,7 @@ li {
background-color: #4d7298;
border: 2px solid #77a6b6;
border-radius: 0.5em;
color: #fff;
color: white;
padding: 0.5em;
}

Expand Down Expand Up @@ -193,7 +193,7 @@ li {
background-color: #4d7298;
border: 2px solid #77a6b6;
border-radius: 0.5em;
color: #fff;
color: white;
padding: 0.5em;
margin: 0.5em;
}
Expand Down
8 changes: 4 additions & 4 deletions files/en-us/learn_web_development/core/css_layout/test_your_skills/floats/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ body {
height: 150px;
border-radius: 5px;
background-color: rebeccapurple;
color: #fff;
color: white;
padding: 1em;
}

Expand Down Expand Up @@ -114,7 +114,7 @@ body {
height: 150px;
border-radius: 5px;
background-color: rebeccapurple;
color: #fff;
color: white;
padding: 1em;
}

Expand Down Expand Up @@ -181,13 +181,13 @@ body {
border-radius: 5px;
background-color: rgb(207 232 220);
padding: 1em;
color: #fff;
color: white;
}

.box {
background-color: rebeccapurple;
padding: 10px;
color: #fff;
color: white;
}

.float {
Expand Down
8 changes: 4 additions & 4 deletions files/en-us/learn_web_development/core/css_layout/test_your_skills/grid/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ body {
background-color: #4d7298;
border: 2px solid #77a6b6;
border-radius: 0.5em;
color: #fff;
color: white;
padding: 0.5em;
}

Expand Down Expand Up @@ -84,7 +84,7 @@ body {
}
.grid > * {
border-radius: 0.5em;
color: #fff;
color: white;
padding: 0.5em;
}

Expand Down Expand Up @@ -177,7 +177,7 @@ body {
background-color: #4d7298;
border: 2px solid #77a6b6;
border-radius: 0.5em;
color: #fff;
color: white;
padding: 0.5em;
}

Expand Down Expand Up @@ -306,7 +306,7 @@ body {

.tags > * {
background-color: #999;
color: #fff;
color: white;
padding: 0.2em 0.8em;
border-radius: 0.2em;
font-size: 80%;
Expand Down
16 changes: 8 additions & 8 deletions ...learn_web_development/core/frameworks_libraries/angular_item_component/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -374,18 +374,18 @@ Paste the following styles into `item.component.css`.
}

.btn-save {
background-color: #000;
color: #fff;
border-color: #000;
background-color: black;
color: white;
border-color: black;
}

.btn-save:hover {
background-color: #444242;
}

.btn-save:focus {
background-color: #fff;
color: #000;
background-color: white;
color: black;
}

.checkbox-wrapper {
Expand All @@ -394,7 +394,7 @@ Paste the following styles into `item.component.css`.

.btn-warn {
background-color: #b90000;
color: #fff;
color: white;
border-color: #9a0000;
}

Expand All @@ -404,7 +404,7 @@ Paste the following styles into `item.component.css`.

.btn-warn:active {
background-color: #e30000;
border-color: #000;
border-color: black;
}

.sm-text-input {
Expand Down Expand Up @@ -443,7 +443,7 @@ Adapted from https://css-tricks.com/the-checkbox-hack/#custom-designed-radio-but
width: 1.25em;
height: 1.25em;
border: 2px solid #ccc;
background: #fff;
background: white;
}

/* checked mark aspect */
Expand Down
14 changes: 7 additions & 7 deletions .../en-us/learn_web_development/core/frameworks_libraries/angular_styling/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,8 +57,8 @@ body {
}

.btn {
color: #000;
background-color: #fff;
color: black;
background-color: white;
border: 2px solid #cecece;
padding: 0.35rem 1rem 0.25rem 1rem;
font-size: 1rem;
Expand All @@ -78,8 +78,8 @@ body {
}

.btn-primary {
color: #fff;
background-color: #000;
color: white;
background-color: black;
width: 100%;
padding: 0.75rem;
font-size: 1.3rem;
Expand All @@ -92,9 +92,9 @@ body {
}

.btn-primary:focus {
color: #000;
color: black;
outline: none;
border: #000 solid 2px;
border: black solid 2px;
background-color: #d7ecff;
}

Expand Down Expand Up @@ -136,7 +136,7 @@ label {
.lg-text-input {
width: 100%;
padding: 1rem;
border: 2px solid #000;
border: 2px solid black;
display: block;
box-sizing: border-box;
font-size: 1rem;
Expand Down
Loading