How does it work?

Easy as pie


Introduction

  • Item Name : eLipa icons
  • Item Version : v 1.0
  • Author : iPay

eLipa icons play a necessary role on the user interface. They help bring meaning, provide comfort and familiarity, but also create a voice.

Why eLipa icons

  1. The icons has no pixelation or blurring on high-resolution screens as there would be if the graphic was raster and needed to scale up.
  2. The browser support is as good as you need it to be, using them is very convenient.
  3. They can be controlled with CSS, like the size.
  4. Consistency
    • Much like typography, icons need to behave like a family.

Getting Started #back to top

  1. Copy the link of the stylesheet into your header
                                        
                                        
  2. Drop the markup anywhere

Size subclass

Preset size by using custom sub class

  1. add the subclass eLipa_icon

                                        
                                    
  2. customise your css
                                    .eLipa_icon eLipa_logo { height: 2em; }
                                    

Icons #back to top

.eLipa_logo
.eLipa_white
.eLipa_visamastercard
.eLipa_mvisamasterpass
.eLipa_flooz
.eLipa_tmoney