Make your CSS dynamic with .less

With .less on board you can create CSS-based .less files that support variables, operations, mixins, nested rules and functions in your style sheets. For more information on .less, please visit http://www.dotlesscss.org/.

.less file:

@brand_color: #4D926F;
@light_bg_color: #F5F5F5;

.rounded_corners(@radius: 5px) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}

#header {
  .rounded_corners;
}

.note {
  .rounded_corners(10px);
  color: @brand_color;
  background: @light_bg_color;
  padding: 10px;
}