Resolving comments for fonts and font-sizes

Author: Mariela Tihova

projects/charts/bar-chart/src/app/bar-chart-sample/bar-chart-sample.component.scss

@@ -13,4 +13,11 @@ igx-data-chart {
 
 .legend-title {
   margin-left: 13px;
+  font-size: 24px;
+  font-family: "Titillium Web", sans-serif;
+}
+
+.ig-chart-legend-item {
+  font-size: 12px;
+  font-family: "Titillium Web", sans-serif;
 }

projects/charts/column-chart/src/app/column-chart-sample/column-chart-sample.component.html

@@ -1,5 +1,5 @@
 <div class="container">
-  <div class="legend-title">Highest Grossing Movie Franchises</div>
+  <div class="legend-title">Average Max Temperature</div>
   <div class="legend">
     <igx-legend name="legend" #legend orientation="Horizontal"> </igx-legend>
   </div>

projects/charts/column-chart/src/app/column-chart-sample/column-chart-sample.component.scss

@@ -13,4 +13,11 @@ igx-category-chart {
 
 .legend-title {
   margin-left: 13px;
+  font-size: 24px;
+  font-family: "Titillium Web", sans-serif;
+}
+
+.ig-chart-legend-item {
+  font-size: 12px;
+  font-family: "Titillium Web", sans-serif;
 }

projects/charts/line-chart/src/app/line-chart-sample/line-chart-sample.component.scss

@@ -13,4 +13,11 @@ igx-category-chart {
 
 .legend-title {
   margin-left: 13px;
+  font-size: 24px;
+  font-family: "Titillium Web", sans-serif;
+}
+
+.ig-chart-legend-item {
+  font-size: 12px;
+  font-family: "Titillium Web", sans-serif;
 }

projects/charts/pie-chart/src/app/pie-chart-sample/pie-chart-sample.component.scss

@@ -34,6 +34,17 @@ igx-pie-chart {
   margin-bottom: 3%;
 }
 
+.legend-title {
+  margin-left: 13px;
+  font-size: 24px;
+  font-family: "Titillium Web", sans-serif;
+}
+
+.ig-chart-legend-item {
+  font-size: 12px;
+  font-family: "Titillium Web", sans-serif;
+}
+
 .chart2 {
   display: flex;
   justify-content: center;

projects/charts/polar-chart/src/app/polar-chart-sample/polar-chart-sample.component.scss

@@ -10,3 +10,14 @@
 igx-data-chart {
   height: 100%;
 }
+
+.legend-title {
+  margin-left: 13px;
+  font-size: 24px;
+  font-family: "Titillium Web", sans-serif;
+}
+
+.ig-chart-legend-item {
+  font-size: 12px;
+  font-family: "Titillium Web", sans-serif;
+}

projects/charts/step-chart/src/app/step-chart-sample/step-chart-sample.component.scss

@@ -14,4 +14,11 @@ igx-category-chart {
 
 .legend-title {
   margin-left: 13px;
+  font-size: 24px;
+  font-family: "Titillium Web", sans-serif;
+}
+
+.ig-chart-legend-item {
+  font-size: 12px;
+  font-family: "Titillium Web", sans-serif;
 }