From cfb4cfdd34c68a09d3872a557798edb3783eccb9 Mon Sep 17 00:00:00 2001
From: winkidney <winkidney@gmail.com>
Date: Mon, 2 Dec 2019 20:42:41 +0800
Subject: [PATCH] Refactor: Move fonts to fonts.scss

---
 pinry-spa/src/components/Pins.vue         | 16 +---------------
 pinry-spa/src/components/utils/fonts.scss | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/pinry-spa/src/components/Pins.vue b/pinry-spa/src/components/Pins.vue
index ced9303..2d801d4 100644
--- a/pinry-spa/src/components/Pins.vue
+++ b/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');
diff --git a/pinry-spa/src/components/utils/fonts.scss b/pinry-spa/src/components/utils/fonts.scss
index 96cb493..8ff7c1c 100644
--- a/pinry-spa/src/components/utils/fonts.scss
+++ b/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;
+}
\ No newline at end of file