Menu icon Foundation
Customizing an instance of a component

Hello everyone,

When I want to customize an instance of a component (callout,top-bar,menu etc..) should I edit the element it self?

.callout{
  background-color:red;
}

or should I create another class and add it to the class name?

.red{
  background-color:red;
}
<div class="callout red"></div>

What do you usually do when you customize the default foundation zurb styles?

customizecomponents

Hello everyone,

When I want to customize an instance of a component (callout,top-bar,menu etc..) should I edit the element it self?

.callout{
  background-color:red;
}

or should I create another class and add it to the class name?

.red{
  background-color:red;
}
<div class="callout red"></div>

What do you usually do when you customize the default foundation zurb styles?