From 18c2a48601288d37ba088be2001959e82008f6a0 Mon Sep 17 00:00:00 2001 From: XPoet Date: Mon, 7 Dec 2020 12:04:34 +0800 Subject: [PATCH] style: optimize first screen font-size --- source/css/layout/_partial/first-screen.styl | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/source/css/layout/_partial/first-screen.styl b/source/css/layout/_partial/first-screen.styl index f33a374..9a37f93 100644 --- a/source/css/layout/_partial/first-screen.styl +++ b/source/css/layout/_partial/first-screen.styl @@ -1,5 +1,5 @@ -$pc-font-size = 2rem; -$tablet-font-size = 1.8rem; +$first-screen-font-size = 2rem; +$first-screen-icon-size = 1.6rem; .first-screen-container { position: relative; @@ -16,24 +16,24 @@ $tablet-font-size = 1.8rem; .description { font-weight: bold; - font-size: $pc-font-size; + font-size: $first-screen-font-size; line-height: 1.8; text-align: center; +keep-tablet() { - font-size: $tablet-font-size; + font-size: $first-screen-font-size * 0.9; } } .s-icon-list { position: absolute; bottom: $component-interspace; - font-size: $pc-font-size * 0.9; + font-size: $first-screen-icon-size; left: 50%; transform: translateX(-50%); +keep-tablet() { - font-size: $tablet-font-size * 0.9; + font-size: $first-screen-icon-size * 0.9; } .s-icon-item {