github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-20 19:02:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix link-grid overflow & darkmode note color

Browse Source 
* See: https://github.com/next-theme/hexo-theme-next/issues/30
This commit is contained in:
Mimi 2020-06-16 14:14:24 +08:00
parent b9968b6be0
commit 44ba30e367
2 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
source/css/_common/scaffolding/tags/link-grid.styl
View File

@ -2,7 +2,8 @@
display: grid; display: grid;
gap: 1.5rem 1.5rem; gap: 1.5rem 1.5rem;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
padding: 1.5rem; margin-bottom: 20px;
padding: 1rem;
+mobile() { +mobile() {
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -10,19 +11,21 @@
.link-grid-container { .link-grid-container {
border: solid $grey-lighter; border: solid $grey-lighter;
box-shadow: 1rem 1rem .5rem gray; box-shadow: 1rem 1rem .5rem rgba(0, 0, 0, .5);
height: 5rem; min-height: 5rem;
// Fix issue #30
min-width: 0;
padding: .5rem; padding: .5rem;
position: relative; position: relative;
transition: background .3s; transition: background .3s;
&:hover { &:hover {
animation: shake .5s; animation: shake .5s;
background: rgba(230, 244, 250, .5); background: var(--card-bg-color);
} }
&:active { &:active {
box-shadow: .5rem .5rem .25rem gray; box-shadow: .5rem .5rem .25rem rgba(0, 0, 0, .5);
transform: translate(.2rem, .2rem); transform: translate(.2rem, .2rem);
} }

20
source/css/_common/scaffolding/tags/note.styl
View File

@ -24,14 +24,8 @@
} }
h2, h3, h4, h5, h6 { h2, h3, h4, h5, h6 {
if ($note-icons) {
margin-top: 3px;
} else {
margin-top: 0;
}
border-bottom: initial; border-bottom: initial;
margin-bottom: 0; margin: 0;
padding-top: 0; padding-top: 0;
} }
@ -54,7 +48,6 @@
left: .3em; left: .3em;
position: absolute; position: absolute;
top: calc(50% - 1em); top: calc(50% - 1em);
font-family-icons();
} }
} }
} }
@ -63,6 +56,11 @@
&.{$type} { &.{$type} {
if ($note-style == 'flat') { if ($note-style == 'flat') {
background: lookup('$note-bg-' + $type); background: lookup('$note-bg-' + $type);
if (hexo-config('darkmode')) {
@media (prefers-color-scheme: dark) {
background: mix(lookup('$note-bg-' + $type), $body-bg-color-dark, 10%);
}
}
} }
if ($note-style == 'modern') { if ($note-style == 'modern') {
@ -72,11 +70,11 @@
a, span.exturl { a, span.exturl {
&:not(.btn) { &:not(.btn) {
border-bottom: 1px solid lookup('$note-modern-text-' + $type); border-bottom-color: lookup('$note-modern-text-' + $type);
color: lookup('$note-modern-text-' + $type); color: lookup('$note-modern-text-' + $type);
&:hover { &:hover {
border-bottom: 1px solid lookup('$note-modern-hover-' + $type); border-bottom-color: lookup('$note-modern-hover-' + $type);
color: lookup('$note-modern-hover-' + $type); color: lookup('$note-modern-hover-' + $type);
} }
} }
@ -93,7 +91,7 @@
if ($note-icons) { if ($note-icons) {
&:not(.no-icon)::before { &:not(.no-icon)::before {
content: lookup('$note-icon-' + $type); font-family-icons(lookup('$note-icon-' + $type));
if ($note-style != 'modern') { if ($note-style != 'modern') {
color: lookup('$note-text-' + $type); color: lookup('$note-text-' + $type);