meBarista_in_Ionic2/src/pages/page1/page1.scss

page-page1 {

}

.gauge-container {
 /* width: 150px;
  height: 150px; */
  display: block;
 /* padding: 10px; */
}
.gauge-container > .gauge > .dial {
  stroke: #eee;
  stroke-width: 20;
  fill: rgba(0,0,0,0);
}
.gauge-container > .gauge > .value {
  stroke: rgb(47, 227, 255);
  stroke-width: 20;
  fill: rgba(0,0,0,0);
}

.gauge-container > .gauge > .value-text {
  fill: rgb(47, 227, 255);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 10em;
}

.gauge-container > .gauge > .title {
  fill: rgb(47, 227, 255);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 5em;
}

/* ------- Alternate Style ------- */
.gauge-container.two {
}
.gauge-container.two > .gauge > .dial {
  stroke: #334455;
  stroke-width: 100;
}
.gauge-container.two > .gauge > .value {
  stroke: orange;
  stroke-dasharray: none;
  stroke-width: 130;
}

.gauge-container.two > .gauge > .value-text {
  fill: orange;
}
.gauge-container.two > .gauge > .title {
  fill: orange;
}