AllTips(154)

Reduce CSS Redundancy

Name: Reduce CSS Redundancy
Uploaded: 2023-10-31T15:43:09+08:00
Channel: Arbaoui Mehdi
Description: Using the `currentColor` CSS value to reduce the code redundancy of an `alert` user interface that has two states, `success` and `danger`

Next Tip

MDN References:

currentColor https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#currentcolor_keyword
CSS custom properties (variables) https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties