Use @require instead of @import

This commit is contained in:
Mimi 2020-07-30 23:53:10 +08:00
parent fc68fbe9a3
commit 33723be6ad
5 changed files with 16 additions and 16 deletions

View File

@ -12,15 +12,16 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.social-item {
margin: .5em 2em;
}
+tablet-mobile() { +tablet-mobile() {
.social-item { .social-item {
margin: .5em .75em; margin: .5em .75em;
} }
} }
.social-item {
margin: .5em 2em;
}
.social-link { .social-link {
border: 0; border: 0;
display:inline-block; display:inline-block;

View File

@ -1,6 +1,7 @@
.post-nav { .post-nav {
border-top: 1px solid $gainsboro; border-top: 1px solid $gainsboro;
display: flex; display: flex;
gap: 30px;
justify-content: space-between; justify-content: space-between;
margin-top: 15px; margin-top: 15px;
padding: 10px 5px 0; padding: 10px 5px 0;
@ -25,15 +26,12 @@
} }
&:first-child { &:first-child {
margin-right: 15px;
.fa { .fa {
margin-right: 5px; margin-right: 5px;
} }
} }
&:last-child { &:last-child {
margin-left: 15px;
text-align: right; text-align: right;
.fa { .fa {

View File

@ -37,7 +37,7 @@
if (hexo-config('reward_settings.animation')) { if (hexo-config('reward_settings.animation')) {
&:hover p { &:hover p {
animation: roll .1s infinite linear; animation: next-roll .1s infinite linear;
// The animation may affect :hover of img in dark mode // The animation may affect :hover of img in dark mode
pointer-events: none; pointer-events: none;
} }
@ -52,7 +52,7 @@
} }
} }
@keyframes roll { @keyframes next-roll {
from { from {
transform: rotateZ(30deg); transform: rotateZ(30deg);
} }

View File

@ -1,17 +1,18 @@
@import hexo-config('highlight.light.file') if (hexo-config('highlight.enable')); // Use `@require` to fix issue #67
@require hexo-config('highlight.light.file') if (hexo-config('highlight.enable'));
if (hexo-config('prism.enable')) { if (hexo-config('prism.enable')) {
@import hexo-config('prism.light'); @require hexo-config('prism.light');
@import hexo-config('prism.number'); @require hexo-config('prism.number');
} }
if (hexo-config('darkmode')) { if (hexo-config('darkmode')) {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@import hexo-config('highlight.dark.file') if (hexo-config('highlight.enable')); @require hexo-config('highlight.dark.file') if (hexo-config('highlight.enable'));
@import hexo-config('prism.dark') if (hexo-config('prism.enable')); @require hexo-config('prism.dark') if (hexo-config('prism.enable'));
} }
} }
@import 'copy-code' if (hexo-config('codeblock.copy_button.enable')); @require 'copy-code' if (hexo-config('codeblock.copy_button.enable'));
// Placeholder: $code-inline $code-block // Placeholder: $code-inline $code-block
$code-inline { $code-inline {

View File

@ -20,7 +20,7 @@
transition: background .3s; transition: background .3s;
&:hover { &:hover {
animation: shake .5s; animation: next-shake .5s;
background: var(--card-bg-color); background: var(--card-bg-color);
} }
@ -67,7 +67,7 @@
} }
} }
@keyframes shake { @keyframes next-shake {
0% { 0% {
transform: translate(1pt, 1pt) rotate(0deg); transform: translate(1pt, 1pt) rotate(0deg);
} }