Tidy up pseudo-element references

This commit is contained in:
Angelos Chalaris
2022-11-05 13:01:58 +02:00
parent 38468678f5
commit 20100fd229
19 changed files with 56 additions and 56 deletions

View File

@ -9,7 +9,7 @@ lastUpdated: 2021-10-13T19:29:39+02:00
Adds a fading gradient to an overflowing element to better indicate there is more content to be scrolled.
- Use the `:after` pseudo-element to create a `linear-gradient()` that fades from `transparent` to `white` (top to bottom).
- Use the `::after` pseudo-element to create a `linear-gradient()` that fades from `transparent` to `white` (top to bottom).
- Use `position: absolute`, `width` and `height` to place and size the pseudo-element in its parent.
- Use `pointer-events: none` to exclude the pseudo-element from mouse events, allowing text behind it to still be selectable/interactive.
@ -33,7 +33,7 @@ Adds a fading gradient to an overflowing element to better indicate there is mor
position: relative;
}
.overflow-scroll-gradient:after {
.overflow-scroll-gradient::after {
content: '';
position: absolute;
bottom: 0;