From be7e669b18517cf24972b32165fe406467296c5f Mon Sep 17 00:00:00 2001 From: amzrk2 Date: Fri, 2 Oct 2020 09:54:04 +0800 Subject: new: add menu button on mobile --- assets/scss/_fuji-style/_components.scss | 15 ++++++++++++--- assets/scss/_iconfont.scss | 10 ++++++++-- 2 files changed, 20 insertions(+), 5 deletions(-) (limited to 'assets/scss') diff --git a/assets/scss/_fuji-style/_components.scss b/assets/scss/_fuji-style/_components.scss index 8545349..2b90bfe 100644 --- a/assets/scss/_fuji-style/_components.scss +++ b/assets/scss/_fuji-style/_components.scss @@ -3,7 +3,6 @@ right: 1.5rem; bottom: 1.5rem; width: 2.5rem; - height: 5rem; display: flex; justify-content: space-between; flex-direction: column; @@ -17,19 +16,29 @@ align-items: center; justify-content: center; cursor: pointer; + font-size: 1.25rem; &:first-child { border-radius: 0.25rem 0.25rem 0 0; - font-size: 1.25rem; + font-size: 1.125rem; } &:last-child { border-radius: 0 0 0.25rem 0.25rem; - font-size: 1.3125rem; + font-size: 1.325rem; } } } +@media screen and (min-width: $width-md) { + .btn div:first-child { + display: none; + } + .btn div:nth-child(2) { + border-radius: 0.25rem 0.25rem 0 0; + } +} + #post-aplayer { margin: 0 0.125rem 1.25rem 0.125rem; font-family: inherit; diff --git a/assets/scss/_iconfont.scss b/assets/scss/_iconfont.scss index a5a3ff4..bbd9337 100644 --- a/assets/scss/_iconfont.scss +++ b/assets/scss/_iconfont.scss @@ -1,7 +1,9 @@ @font-face { font-family: 'iconfont'; - src: url('../iconfont/iconfont.woff2') format('woff2'), url('../iconfont/iconfont.woff') format('woff'), - url('../iconfont/iconfont.ttf') format('truetype'), url('../iconfont/iconfont.svg') format('svg'); + src: url('../iconfont/iconfont.woff2') format('woff2'), + url('../iconfont/iconfont.woff') format('woff'), + url('../iconfont/iconfont.ttf') format('truetype'), + url('../iconfont/iconfont.svg') format('svg'); } .iconfont { @@ -12,6 +14,10 @@ -moz-osx-font-smoothing: grayscale; } +.icon-grid-sharp:before { + content: '\e612'; +} + .icon-search-circle-sharp:before { content: '\e60c'; } -- cgit v1.2.3