style: optimize first screen font-size
This commit is contained in:
parent
31a93a2d77
commit
18c2a48601
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue