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 {