Ionic offers many built-in classes to quickly style your application.

Colors

Ionic have many built-in color classes. The color classes are

Light

Stable

Positive

Calm

Balanced

Energized

Assertive

Royal

Calm

Dark

We can add those color classes with button, radio, checkbox, spinner, etc.

 

Icons

Ionic have more than 500 free icons. You can get these icons

http://ionicons.com/

To add icon, use icon class name with icon class.


<i class="icon ion-star"></i> 

 

Padding

Many CSS components in ionic framework purposefully have both padding and margin by default.padding class adds a default 10px. The different padding classes are.  

padding  -  Adds padding around every side.

padding-vertical -  Adds padding to the top and bottom.

padding-horizontal -  Adds padding to the left and right.

padding-top -  Adds padding to the top.

padding-right -  Adds padding to the right.

padding-bottom -  Adds padding to the bottom.

padding-left -  Adds padding to the left.