hexo-theme-keep/source/css/common/keep-theme.styl

61 lines
1.2 KiB
Stylus
Raw Normal View History

2022-10-14 17:56:32 +08:00
$keep-container-border-radius = 0.4rem
2021-01-21 18:23:22 +08:00
hover-style(isTransform, scaleX, scaleY) {
box-shadow 2px 2px 5px var(--shadow-color)
2021-01-26 10:44:51 +08:00
if (isTransform) {
transition-t("transform", "0", "0.2", "linear")
2021-01-26 10:44:51 +08:00
}
2020-11-13 14:43:22 +08:00
&:hover {
2021-01-21 18:23:22 +08:00
if (hexo-config('style.hover.scale') && isTransform) {
transform scaleX(scaleX) scaleY(scaleX)
}
2020-11-13 14:43:22 +08:00
if (hexo-config('style.hover.shadow')) {
box-shadow 2px 2px 8px var(--shadow-hover-color)
2020-11-13 14:43:22 +08:00
}
}
}
2021-01-21 18:23:22 +08:00
keep-container(isTransform, scaleX, scaleY, padding, marginBottomValue) {
box-sizing border-box
padding padding
2022-10-14 17:56:32 +08:00
background var(--content-background-color)
border-radius $keep-container-border-radius
2020-11-19 11:58:54 +08:00
if (marginBottomValue != 0) {
margin-bottom marginBottomValue
2020-11-19 11:58:54 +08:00
2020-11-20 12:02:22 +08:00
+keep-tablet() {
margin-bottom marginBottomValue * 0.8
2020-11-19 11:58:54 +08:00
}
2020-11-20 12:02:22 +08:00
+keep-mobile() {
margin-bottom marginBottomValue * 0.6
2020-11-19 11:58:54 +08:00
}
}
2020-11-13 14:43:22 +08:00
hover-style(isTransform, scaleX, scaleY)
2020-11-20 12:02:22 +08:00
+keep-tablet() {
padding padding * 0.8
border-radius $keep-container-border-radius * 0.8
}
2021-01-21 18:23:22 +08:00
2020-11-20 12:02:22 +08:00
+keep-mobile() {
padding padding * 0.6
border-radius $keep-container-border-radius * 0.6
}
}
disable-user-select() {
-moz-user-select none
-ms-user-select none
-webkit-user-select none
user-select none
}