cards fixes

scss/_variables.scss

@@ -1,10 +1,10 @@
 // FONTS
-$font-family-base: "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$font-family-base: "Nunito", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
 $font-family-serif: "Georgia", "Times New Roman", times, serif !default;
 $font-icons: "tabler-webfont" !default;
 
 // EXTERNAL FONTS
-$google-font-url: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap" !default;
+$google-font-url: "https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap" !default;
 $icon-fonts: () !default;
 
 // COLORS
@@ -40,11 +40,11 @@ $cyan: #17a2b8 !default;
 $black: #000000 !default;
 $white: #ffffff !default;
 
-$light: #f0f2f5 !default;
-$dark: #021f34 !default;
+$light: #f5f7fb !default;
+$dark: #505061 !default;
 
-$body-bg: #f5f7fb !default;
-$body-color: #45535f !default;
+$body-bg: $light !default;
+$body-color: $dark !default;
 
 $text-muted: #8a91a5 !default;
 
@@ -103,14 +103,15 @@ $avatar-sizes: (
 ) !default;
 
 //Fonts
-$font-size-base: 1rem !default;
+$font-size-base: .9375rem !default;
 $font-weight-base: 400 !default;
-$line-height-base: 1.5 !default;
+$line-height-base: 1.6 !default;
 
 $border-radius: 3px !default;
 
 //Typography
-$headings-color: $dark !default;
+$headings-color: #021f34 !default;
+$headings-font-weight: 600 !default;
 
 $small-font-size: 87.5% !default;
 
@@ -325,6 +326,17 @@ $flag-sizes: (
 
 //Utilities
 $utilities: (
+  "object": (
+    property: object-fit,
+    class: object,
+    values: (
+      contain: contain,
+      cover: cover,
+      fill: fill,
+      scale-down: scale-down,
+      none: none,
+    )
+  ),
   "spacing": (
     property: letter-spacing,
     class: tracking,

scss/layout/_core.scss

@@ -9,12 +9,13 @@ html {
 }
 
 body {
+  height: 100%;
   overflow-y: scroll;
   touch-action: manipulation;
   -webkit-tap-highlight-color: transparent;
   -webkit-text-size-adjust: none;
+  text-rendering: optimizeLegibility;
   font-feature-settings: "liga" 0;
-  height: 100%;
 }
 
 body *::-webkit-scrollbar {

scss/ui/_cards.scss

@@ -13,6 +13,12 @@
   }
 }
 
+.card-sm {
+  .card-body {
+    padding: .75rem;
+  }
+}
+
 .card-group {
   margin-bottom: $card-group-margin;
 }
@@ -145,7 +151,7 @@
 .card-title {
   display: block;
   font-size: $h4-font-size;
-  font-weight: 500;
+  font-weight: $headings-font-weight;
 
   @at-root a#{&}:hover {
     color: inherit;

scss/ui/_typo.scss

@@ -20,6 +20,8 @@ h6,
 .h4,
 .h5,
 .h6 {
+  letter-spacing: -.012em;
+
   a {
     color: inherit;
   }