How to dry up with CSS?

In drying up in CSS you will need to ensure we follow the right procedures,

DRY CSS which stands for “Don’t Dry Your CSS” can be achieved by following some principles/procedures, Which includes we :

  • Group reusable css properties together
  • Name these groups logically
  • Add your selectors to the various css groups
div.base-text {
    position: absolute; bottom: 9px; font-size: 10px;
    font-weight: bolder; text-align: center; width: 61px; text-transform: uppercase;
}

div.gold {
    color: #FED577;
}

div.grey {
    color: #D1D2D4;
}

and then simply apply two classes to the elements instead:

<div class="base-text gold">...</div>