2020-04-25 11:16:58 +08:00
|
|
|
@require "animated.styl"
|
2020-04-28 23:20:17 +08:00
|
|
|
|
2020-04-30 00:14:16 +08:00
|
|
|
magic-style(scaleX, scaleY) {
|
2020-09-05 22:41:10 +08:00
|
|
|
|
2020-04-24 22:49:10 +08:00
|
|
|
if (hexo-config('magic.enable') == true) {
|
|
|
|
|
|
2020-06-06 11:32:00 +08:00
|
|
|
box-shadow: 0 0 2px var(--border-color);
|
2020-04-25 11:16:58 +08:00
|
|
|
transition();
|
2020-04-24 22:49:10 +08:00
|
|
|
|
2020-08-06 10:44:29 +08:00
|
|
|
&:hover {
|
|
|
|
|
|
|
|
|
|
transition();
|
|
|
|
|
|
|
|
|
|
if (hexo-config('magic.scale')) {
|
2020-06-06 11:32:00 +08:00
|
|
|
transform: scaleX(scaleX) scaleY(scaleY);
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-06 10:44:29 +08:00
|
|
|
if (hexo-config('magic.shadow')) {
|
|
|
|
|
box-shadow: 0 0 8px var(--border-color);
|
|
|
|
|
}
|
2020-04-24 22:49:10 +08:00
|
|
|
}
|
2020-06-06 11:32:00 +08:00
|
|
|
|
2020-04-24 22:49:10 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-30 00:14:16 +08:00
|
|
|
magic-container(scaleX, scaleY, padding) {
|
2020-09-05 22:41:10 +08:00
|
|
|
|
2020-04-30 00:14:16 +08:00
|
|
|
padding: padding;
|
2020-09-05 22:41:10 +08:00
|
|
|
border-radius: 4px;
|
|
|
|
|
magic-style(scaleX, scaleY);
|
|
|
|
|
|
|
|
|
|
+ils-tablet() {
|
|
|
|
|
padding: padding - 2px;
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
+ils-mobile() {
|
|
|
|
|
padding: padding - 4px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-24 22:49:10 +08:00
|
|
|
}
|
