Skip to content

Latest commit

 

History

History
49 lines (41 loc) · 1.1 KB

README.md

File metadata and controls

49 lines (41 loc) · 1.1 KB
Raw

Ionic Material Custom Colors

Introduction

A simple web application to create custom CSS with different shades for basic ionic material colors like assertive, balanced, calm, energized, positive, royal.

Currently supported components are buttons, header, checkbox and ranges.

Working : http://gunjangarge.github.io/ionic-material-custom-colors

##Sample Code Snippets ######(Code is taken directly from Ionic Documentation)

Checkbox

<ul class="list">
  <li class="item item-checkbox-calm-700">
     <label class="checkbox">
       <input type="checkbox">
     </label>
     Flux Capacitor
  </li>
</ul>

Button

<button class="button button-balanced-400">
  button-balanced-400
</button>

Header

<div class="bar bar-header bar-royal-400">
  <h1 class="title">bar-royal</h1>
</div>

Range

<div class="list">
  <div class="item range range-assertive-700">
    <i class="icon ion-ios-sunny-outline"></i>
    <input type="range" name="volume" min="0" max="100" value="33">
    <i class="icon ion-ios-sunny"></i>
  </div>
</div>