fix(docs-infra): dim line-numbers in code examples (#40802)

This commit ensures that the line-numbers in code examples appear
"dimmed" to make it clearer that they are not part of the actual code.

Based on the CSS rules, it seems that the intention was to make it so,
but the color was incorrectly set on the `<ol>` elements instead of
targeting `li::marker`.

Before: ![line-numbers before][1]
After: ![line-numbers after][2]

[1]: https://user-images.githubusercontent.com/8604205/106937191-23aeab80-6726-11eb-9178-bdc067fa3d09.png
[2]: https://user-images.githubusercontent.com/8604205/106937184-227d7e80-6726-11eb-81d1-f709537b6a56.png

PR Close #40802
This commit is contained in:
George Kalpakas 2021-02-13 16:01:54 +02:00 committed by Joey Perrott
parent 8cea3be8f7
commit 93e2aea4bd
1 changed files with 5 additions and 1 deletions

View File

@ -109,13 +109,17 @@ aio-code {
ol.linenums {
margin: 0;
font-family: $main-font;
color: #B3B6B7;
color: lighten($mediumgray, 25%);
li {
margin: 0;
font-family: $code-font;
font-size: 90%;
@include line-height(24);
&::marker {
color: lighten($mediumgray, 25%);
}
}
}