Reuse the current color

Instead of repeating colors in a few places, we can define a value for the `color` property once and reuse it with the `currentColor` keyword.

/* Bad */
div {
    color: #d1d5db;
    background-image: linear-gradient(to bottom, #d1d5db, #fff);
}

/* Good */
div {
    color: #d1d5db;
    background-image: linear-gradient(to bottom, currentColor, #fff);
}

Because the `color` property of an element, if not specified, is inherited from its parent, we can use the `currentColor` keyword in the children of element.

For example, let's say that we want the color of a link to be the same with its container, a given `div` element:

/* Bad: Declare same color in three places */
div {
    color: #fff;
}
div a {
    border-bottom: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}

/* Good */
div {
    color: #fff;
}
div a {
    border-bottom: 1px solid currentColor;
    color: currentColor;
    text-decoration: none;
}

We often use the `currentColor` keyword in the camelCase format. However, CSS is case-insensitive meaning that `CurrentColor`, `currentcolor` or even `cUrReNtCoLoR` are valid keywords and have the same effect as `currentColor`

Return an object in an arrow function quickly

Run the last command as the root user