lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: optimize first screen font-size

This commit is contained in:
XPoet 2020-12-07 12:04:34 +08:00
parent 31a93a2d77
commit 18c2a48601
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
source/css/layout/_partial/first-screen.styl
View File

@ -1,5 +1,5 @@
$pc-font-size = 2rem; $first-screen-font-size = 2rem;
$tablet-font-size = 1.8rem; $first-screen-icon-size = 1.6rem;
.first-screen-container { .first-screen-container {
position: relative; position: relative;
@ -16,24 +16,24 @@ $tablet-font-size = 1.8rem;
.description { .description {
font-weight: bold; font-weight: bold;
font-size: $pc-font-size; font-size: $first-screen-font-size;
line-height: 1.8; line-height: 1.8;
text-align: center; text-align: center;
+keep-tablet() { +keep-tablet() {
font-size: $tablet-font-size; font-size: $first-screen-font-size * 0.9;
} }
} }
.s-icon-list { .s-icon-list {
position: absolute; position: absolute;
bottom: $component-interspace; bottom: $component-interspace;
font-size: $pc-font-size * 0.9; font-size: $first-screen-icon-size;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
+keep-tablet() { +keep-tablet() {
font-size: $tablet-font-size * 0.9; font-size: $first-screen-icon-size * 0.9;
} }
.s-icon-item { .s-icon-item {