Refactor: Move fonts to fonts.scss

pinry-spa/src/components/Pins.vue

@@ -238,21 +238,7 @@ export default {
 $pin-footer-position-fix: -6px;
 $avatar-width: 30px;
 $avatar-height: 30px;
-
-@mixin pin-detail-font-size{
-  font-size: 12px;
-}
-
-@mixin description-font {
-  @include pin-detail-font-size;
-  font-family: 'Georgia', 'Times', 'Times New Roman', serif;
-}
-
-@mixin secondary-font {
-  @include pin-detail-font-size;
-  color: #999;
-  font-weight: normal;
-}
+@import './utils/fonts';
 
 @mixin loader {
   background: url('../assets/loader.gif');

pinry-spa/src/components/utils/fonts.scss

@@ -9,3 +9,19 @@
 @mixin secondary-font-color-in-dark {
   color: #878787;
 }
+
+// for pins component
+@mixin pin-detail-font-size{
+  font-size: 12px;
+}
+
+@mixin description-font {
+  @include pin-detail-font-size;
+  font-family: 'Georgia', 'Times', 'Times New Roman', serif;
+}
+
+@mixin secondary-font {
+  @include pin-detail-font-size;
+  color: #999;
+  font-weight: normal;
+}