mirror of
https://github.com/next-theme/hexo-theme-next.git
synced 2026-01-20 19:02:33 +00:00
Use @require instead of @import
This commit is contained in:
parent
fc68fbe9a3
commit
33723be6ad
@ -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;
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user