2022-09-29 15:24:19 +08:00
|
|
|
$first-screen-font-size = 2rem
|
|
|
|
$first-screen-icon-size = 1.6rem
|
2020-12-07 09:55:09 +08:00
|
|
|
|
2022-09-29 15:24:19 +08:00
|
|
|
$temp-img = hexo-config('style.first_screen.background_img')
|
|
|
|
$first-screen-img = $temp-img ? $temp-img : '/images/bg.svg'
|
2022-09-26 14:03:34 +08:00
|
|
|
|
2022-09-29 15:24:19 +08:00
|
|
|
$temp-font-color = hexo-config('style.first_screen.font_color')
|
|
|
|
$first-screen-font-color = $temp-font-color ? convert($temp-font-color) : var(--default-text-color)
|
2020-12-07 14:36:53 +08:00
|
|
|
|
2020-11-13 14:43:22 +08:00
|
|
|
.first-screen-container {
|
2022-09-29 15:24:19 +08:00
|
|
|
position relative
|
|
|
|
box-sizing border-box
|
|
|
|
width 100%
|
|
|
|
overflow hidden
|
|
|
|
background url($first-screen-img) center center / cover no-repeat
|
2020-11-15 22:06:32 +08:00
|
|
|
|
2022-09-26 17:52:38 +08:00
|
|
|
if (!(hexo-config('style.first_screen.header_transparent') == true)) {
|
2022-09-29 15:24:19 +08:00
|
|
|
background-position-y $header-height
|
2022-09-26 17:52:38 +08:00
|
|
|
}
|
2021-01-21 16:47:13 +08:00
|
|
|
|
2021-01-04 21:16:07 +08:00
|
|
|
+keep-tablet() {
|
2022-09-29 15:24:19 +08:00
|
|
|
background-position-y $header-height * 0.9
|
2021-01-04 21:16:07 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
+keep-mobile() {
|
2022-09-29 15:24:19 +08:00
|
|
|
background-position-y $header-height * 0.8
|
2021-01-04 21:16:07 +08:00
|
|
|
}
|
|
|
|
|
2020-11-15 22:06:32 +08:00
|
|
|
.content {
|
2022-09-29 15:24:19 +08:00
|
|
|
position relative
|
|
|
|
box-sizing border-box
|
|
|
|
width 80%
|
|
|
|
height 90%
|
|
|
|
padding-top 2rem
|
2020-11-15 22:06:32 +08:00
|
|
|
|
|
|
|
.description {
|
2022-09-30 10:51:42 +08:00
|
|
|
color $first-screen-font-color
|
2022-09-29 15:24:19 +08:00
|
|
|
font-weight bold
|
|
|
|
font-size $first-screen-font-size
|
|
|
|
line-height 1.8
|
|
|
|
text-align center
|
2020-12-07 09:55:09 +08:00
|
|
|
|
|
|
|
+keep-tablet() {
|
2022-09-29 15:24:19 +08:00
|
|
|
font-size $first-screen-font-size * 0.9
|
2020-12-07 09:55:09 +08:00
|
|
|
}
|
2020-11-15 22:06:32 +08:00
|
|
|
}
|
|
|
|
|
2020-12-10 18:37:56 +08:00
|
|
|
|
2020-11-27 14:49:53 +08:00
|
|
|
.s-icon-list {
|
2022-09-29 15:24:19 +08:00
|
|
|
position absolute
|
|
|
|
bottom 0
|
|
|
|
display flex
|
2022-09-30 10:51:42 +08:00
|
|
|
box-sizing border-box
|
|
|
|
font-size $first-screen-icon-size
|
2020-11-15 22:06:32 +08:00
|
|
|
|
2020-12-07 09:55:09 +08:00
|
|
|
+keep-tablet() {
|
2022-09-29 15:24:19 +08:00
|
|
|
font-size $first-screen-icon-size * 0.9
|
2020-12-07 09:55:09 +08:00
|
|
|
}
|
|
|
|
|
2020-11-27 14:49:53 +08:00
|
|
|
.s-icon-item {
|
2022-09-29 15:24:19 +08:00
|
|
|
margin 0 1rem
|
|
|
|
cursor pointer
|
2020-11-15 22:06:32 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-11-13 14:43:22 +08:00
|
|
|
}
|