style(font): changed to default system font

Author: lokesh-coder

src/index.html

@@ -6,7 +6,6 @@
   <title>InkBucket</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <!-- <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700" rel="stylesheet"> -->
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
 

src/styles/_config.scss

@@ -2,11 +2,9 @@ $ink--base-font-size: 14px;
 $ink--base-font-size-xl: 16px;
 $ink--app-name: 'INK BUCKET';
 $ink--debug: false;
-$ink--font-family: 'Rubik', 'Inter UI', 'Nunito Sans', 'Roboto';
-$ink--font-family-asap: 'Asap', 'Roboto';
+$ink--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
+  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Rubik', 'Inter UI', 'Nunito Sans';
 $ink--font-family-monospace: 'Courier New', 'Lucida Console', Monaco, Courier, monospace;
-$ink--font-family-roboto: 'Roboto', 'sans-serif';
-$ink--font-family-roboto: 'Roboto', 'sans-serif';
 $ink--current-theme: 'DEFAULT';
 $ink--themes: (
   'default': 'DEFAULT',

src/styles/base/_utility.scss

@@ -1,31 +1,30 @@
 .doc-util-flex-2 {
-	flex: 2 !important;
+  flex: 2 !important;
 }
 
 .doc-util-valign-middle {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 .doc-util-tt-lowercase {
-	text-transform: lowercase;
+  text-transform: lowercase;
 }
 
-.doc-util-cover-span{
-	display:flex;
-	flex-direction: column;
+.doc-util-cover-span {
+  display: flex;
+  flex-direction: column;
 }
 
-.doc-util-cursor-pointer{
-	cursor: pointer;
+.doc-util-cursor-pointer {
+  cursor: pointer;
 }
 
-.doc-util-pos-right{
-	right: 0;
-    left: auto !important;
+.doc-util-pos-right {
+  right: 0;
+  left: auto !important;
 }
 
-.ff-asap{
-	font-family: $ink--font-family-asap;
-}
+.ff-asap {
+}

src/styles/components/_color-sticker.scss

@@ -25,6 +25,5 @@ $size: 4rem;
     font-weight: 500;
     color: transparentize($color: clr('dark'), $amount: 0.62);
     font-size: 0.9rem;
-    font-family: $ink--font-family-roboto;
   }
 }

src/styles/components/_settings-item.scss

@@ -4,7 +4,6 @@
   justify-content: space-between;
   margin: 1rem 0;
   border-bottom: 1px solid clr('border');
-  font-family: $ink--font-family-roboto;
   padding: 1rem 0;
   h5 {
     font-size: 1.1rem;