From 60dd7ce9c9a2d14b91ec08e35421344d1a49f7ad Mon Sep 17 00:00:00 2001
From: Anton Beluzhenko <anton@beluzhenko.ru>
Date: Fri, 13 Dec 2019 13:21:48 +0530
Subject: [PATCH] fix(typography): replace font-size numbers with typography
 mixixs (#UIM-271) (#360)

---
 packages/mosaic-dev/card/styles.scss              | 4 ----
 packages/mosaic/datepicker/_datepicker-theme.scss | 3 +--
 packages/mosaic/popover/popover.scss              | 1 -
 3 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/packages/mosaic-dev/card/styles.scss b/packages/mosaic-dev/card/styles.scss
index eddc1d5a3..969694adf 100644
--- a/packages/mosaic-dev/card/styles.scss
+++ b/packages/mosaic-dev/card/styles.scss
@@ -14,10 +14,6 @@ mc-card {
     flex-direction: row;
 }
 
-.mc-upload-to-cloud_24 {
-    font-size: 32px;
-}
-
 .simple-content {
     padding: 8px;
 }
diff --git a/packages/mosaic/datepicker/_datepicker-theme.scss b/packages/mosaic/datepicker/_datepicker-theme.scss
index 1b050df0a..6e558c9c2 100644
--- a/packages/mosaic/datepicker/_datepicker-theme.scss
+++ b/packages/mosaic/datepicker/_datepicker-theme.scss
@@ -6,7 +6,6 @@
 $mc-datepicker-selected-today-box-shadow-width: 1px;
 $mc-datepicker-selected-fade-amount: 0.6;
 $mc-datepicker-today-fade-amount: 0.2;
-$mc-calendar-weekday-table-font-size: 11px !default;
 
 @mixin _mc-datepicker-color($color) {
     .mc-calendar__body_selected {
@@ -152,7 +151,7 @@ $mc-calendar-weekday-table-font-size: 11px !default;
 
     .mc-calendar__table-header th {
         font: {
-            size: $mc-calendar-weekday-table-font-size;
+            size: mc-font-size($config, caption);
             weight: mc-font-weight($config, body);
         }
     }
diff --git a/packages/mosaic/popover/popover.scss b/packages/mosaic/popover/popover.scss
index fef2d354d..aaa0374c2 100644
--- a/packages/mosaic/popover/popover.scss
+++ b/packages/mosaic/popover/popover.scss
@@ -63,7 +63,6 @@ $mc-popover-large-width: 640px;
 }
 
 .mc-popover__container {
-    font-size: 15px;
     border-radius: $border-radius-base;
     overflow: hidden;
 }