From 98aa984c61070d332560cc387474758a2c0f7935 Mon Sep 17 00:00:00 2001
From: XPoet <i@xpoet.cn>
Date: Mon, 7 Dec 2020 09:55:09 +0800
Subject: [PATCH] style: optimize first screen font display

---
 source/css/layout/_partial/first-screen.styl | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/source/css/layout/_partial/first-screen.styl b/source/css/layout/_partial/first-screen.styl
index c5b1bdf..298778e 100644
--- a/source/css/layout/_partial/first-screen.styl
+++ b/source/css/layout/_partial/first-screen.styl
@@ -1,3 +1,6 @@
+$pc-font-size = 2rem;
+$tablet-font-size = 1.8rem;
+
 .first-screen-container {
   position: relative;
   box-sizing: border-box;
@@ -13,23 +16,31 @@
 
     .description {
       font-weight: bold;
-      font-size: 2rem;
-      line-height: 2rem;
+      font-size: $pc-font-size;
+      line-height: 1.6;
       text-align: center;
+
+      +keep-tablet() {
+        font-size: $tablet-font-size;
+      }
     }
 
     .s-icon-list {
       position: absolute;
       bottom: $component-interspace;
-      font-size: 1.6rem;
+      font-size: $pc-font-size * 0.9;
       left: 50%;
       transform: translateX(-50%);
 
+      +keep-tablet() {
+        font-size: $tablet-font-size * 0.9;
+      }
+
       .s-icon-item {
         float: left;
         margin-right: 25px;
         cursor: pointer;
-        line-height: 2rem;
+        line-height: 1.6;
 
         &:last-child {
           margin-right: 0;