OpenSource/LoveIt
1
0
Fork 0
mirror of https://github.com/dillonzq/LoveIt.git synced 2025-03-20 05:58:42 +01:00
Code Issues Projects Releases Packages Wiki Activity

feat: new style fix nav

Browse source
This commit is contained in:
Dillon 2019-08-22 01:22:33 +08:00
parent 87857b2002
commit a46456ef0a
6 changed files with 20 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/css/_core/_layout.scss
View file

@ -8,9 +8,13 @@
} }
.navbar { .navbar {
display: block !important;
position: fixed;
width: 100%;
z-index: 100;
height: 4rem; height: 4rem;
line-height: 4rem; line-height: 4rem;
width: 100%;
.container { .container {
width: auto; width: auto;
max-width: 1200px; max-width: 1200px;
@ -26,20 +30,20 @@
} }
.container { .container {
padding-left: 1em; padding-left: 1rem;
padding-right: 1em; padding-right: 1rem;
} }
.footer { .footer {
height: 2rem; height: 2rem;
width: 100%; width: 100%;
text-align: center; text-align: center;
line-height: 1.4rem; line-height: 1.5rem;
padding-top: 1em; padding-top: 2rem;
} }
.notfound { .notfound {
font-size: 2em; font-size: 2rem;
transform: translateY(35vh); transform: translateY(35vh);
text-align: center; text-align: center;
} }

19
assets/css/_core/_media.scss
View file

@ -120,26 +120,7 @@
display: none !important; display: none !important;
} }
.footer {
height: 3rem;
width: 100%;
text-align: center;
line-height: 1.5rem;
padding-top: 2em;
}
.post-warp { .post-warp {
padding-top: 6em;
.post-content {
a.post-title-target:target {
display: block;
position: relative;
top: -60px;
visibility: hidden;
}
}
.categories-card { .categories-card {
.card-item { .card-item {
width: 95%; width: 95%;

2
assets/css/_page/_index.scss
View file

@ -5,7 +5,7 @@
width: 100%; width: 100%;
max-width: 780px; max-width: 780px;
margin: 0 auto; margin: 0 auto;
padding-top: 2rem; padding-top: 6rem;
@import "_post"; @import "_post";
@import "_posts"; @import "_posts";

9
assets/css/_page/_post.scss
View file

@ -49,7 +49,7 @@
border-left: 1px solid $global-border-color; border-left: 1px solid $global-border-color;
word-wrap: break-word; word-wrap: break-word;
box-sizing: border-box; box-sizing: border-box;
top: 120px; top: 200px;
.post-toc-title { .post-toc-title {
font-weight: 400; font-weight: 400;
@ -152,6 +152,13 @@
} }
.post-content { .post-content {
a.post-title-target:target {
display: block;
position: relative;
top: -60px;
visibility: hidden;
}
h2, h2,
h3, h3,
h4, h4,

2
assets/css/_partial/_navbar.scss
View file

@ -25,5 +25,3 @@
background-color: transparent; background-color: transparent;
} }

2
assets/js/main.js
View file

@ -55,7 +55,7 @@ jQuery(function($) {
_Blog._initToc = function() { _Blog._initToc = function() {
if ($('.post-toc').length && $('.post-toc').css('display') !== 'none') { if ($('.post-toc').length && $('.post-toc').css('display') !== 'none') {
const SPACING = 20; const SPACING = 100;
const $toc = $('.post-toc'); const $toc = $('.post-toc');
const $footer = $('.post-footer'); const $footer = $('.post-footer');
const minTop = $toc.position().top; const minTop = $toc.position().top;