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 display

This commit is contained in:
XPoet 2020-12-07 09:55:09 +08:00
parent d4ef822d9c
commit 98aa984c61
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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