Styling button in ionic2 conference app?


#1

Hi,

I’m in need of understanding styling mechanism of button in ionic2 conference app, page schedule.html

 <button ion-item (click)="goToSessionDetail(session)">
  <h3>{{session.name}}</h3>
  <p>
    {{session.timeStart}} &mdash;
    {{session.timeEnd}}:
    {{session.location}}
  </p>
</button>

See below image, the color icon on the left of button. Please explain me on this magic, thanks!

Repo Url of this app: https://github.com/driftyco/ionic-conference-app


#2

Check out your style variables in the www\build\main.css folder:

These are the class delimiters:

page-schedule ion-item-sliding[track=ionic] ion-label


#3

I got this, it works, thank you.