Compare commits
No commits in common. "37f035709daf93fcbf4180afc97a31c8d670debc" and "cb7ce1361d695dd230f805a0f5a80bcd044ad76a" have entirely different histories.
37f035709d
...
cb7ce1361d
@ -1,34 +1,48 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="nav" id="nav">
|
<div class="nav" id="nav">
|
||||||
<div class="global-nav">
|
<span class="nav-item site-title" id="site-title">
|
||||||
<span class="site-title"><a class="nav-link" href="/">李守中</a></span>
|
<a class="nav-link" href="/">李守中</a>
|
||||||
<span class="category-item">
|
</span>
|
||||||
<a class="nav-link" href="/article/blog/">博客</a>
|
<span class="nav-item" id="category">
|
||||||
</span>
|
<ul class="nav-list">
|
||||||
<span class="category-item">
|
<li class="nav-list-item">
|
||||||
<a class="nav-link" href="/article/note/">笔记</a>
|
<a class="nav-link" href="/article/blog/">博客</a>
|
||||||
</span>
|
</li>
|
||||||
<span class="category-item">
|
<li class="nav-list-item">
|
||||||
<a class="nav-link" href="/article/translation/">翻译</a>
|
<a class="nav-link" href="/article/note/">笔记</a>
|
||||||
</span>
|
</li>
|
||||||
</div>
|
<li class="nav-list-item">
|
||||||
|
<a class="nav-link" href="/article/translation/">翻译</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.nav {
|
.nav {
|
||||||
margin: 0.2em 0 0 0;
|
font-size: 1em;
|
||||||
|
margin: 10px 0 0 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
}
|
}
|
||||||
.site-title {
|
#site-title {
|
||||||
font-size: 1.8em;
|
font-size: 1.8em;
|
||||||
margin: 0 10px 0 0;
|
margin: 0 20px 0 0;
|
||||||
|
padding: 0 0 2px 0;
|
||||||
|
line-height: 100%;
|
||||||
}
|
}
|
||||||
.category-item {
|
.nav-list {
|
||||||
margin: 0 10px 0 0;
|
padding: 0;
|
||||||
|
margin: 6px 0 0 0;
|
||||||
}
|
}
|
||||||
.global-nav:last-child {
|
.nav-list .nav-list-item {
|
||||||
|
float: left;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0 20px 0 0;
|
||||||
|
}
|
||||||
|
.nav-list .nav-list-item:last-child {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.nav-link {
|
.nav-link {
|
||||||
|
@ -101,6 +101,17 @@ const categoriedPostListSortedByArticleAmount: Array<CategoriedPosts> =
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
@media screen and (max-width: 125ex) {
|
||||||
|
.collection-desc-item {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 125ex) {
|
||||||
|
.collection-desc-item {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
.collection-desc::after {
|
.collection-desc::after {
|
||||||
display: block;
|
display: block;
|
||||||
content: "";
|
content: "";
|
||||||
|
@ -15,18 +15,7 @@ import DefaultLayout from '../../../layouts/DefaultLayout.astro';
|
|||||||
</DefaultLayout>
|
</DefaultLayout>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
:global(@media screen and (max-width: 768px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
:global(@media screen and (min-width: 768px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 50%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.options {
|
.options {
|
||||||
margin: 0.5em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -15,18 +15,7 @@ import DefaultLayout from '../../../layouts/DefaultLayout.astro';
|
|||||||
</DefaultLayout>
|
</DefaultLayout>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
:global(@media screen and (max-width: 768px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
:global(@media screen and (min-width: 768px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 50%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.options {
|
.options {
|
||||||
margin: 0.5em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -15,18 +15,7 @@ import DefaultLayout from '../../../layouts/DefaultLayout.astro';
|
|||||||
</DefaultLayout>
|
</DefaultLayout>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
:global(@media screen and (max-width: 768px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
:global(@media screen and (min-width: 768px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 50%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.options {
|
.options {
|
||||||
margin: 0.5em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -15,18 +15,7 @@ import DefaultLayout from '../../../layouts/DefaultLayout.astro';
|
|||||||
</DefaultLayout>
|
</DefaultLayout>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
:global(@media screen and (max-width: 768px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
:global(@media screen and (min-width: 768px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 50%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.options {
|
.options {
|
||||||
margin: 0.5em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -15,18 +15,7 @@ import DefaultLayout from '../../../layouts/DefaultLayout.astro';
|
|||||||
</DefaultLayout>
|
</DefaultLayout>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
:global(@media screen and (max-width: 1024px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
:global(@media screen and (min-width: 1024px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 50%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.options {
|
.options {
|
||||||
margin: 0.5em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -15,18 +15,7 @@ import DefaultLayout from '../../../layouts/DefaultLayout.astro';
|
|||||||
</DefaultLayout>
|
</DefaultLayout>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
:global(@media screen and (max-width: 1024px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
:global(@media screen and (min-width: 1024px)) {
|
|
||||||
.collection-desc-item {
|
|
||||||
width: 50%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.options {
|
.options {
|
||||||
margin: 0.5em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
@media screen and (max-width: 1024px) {
|
@media screen and (max-width: 125ex) {
|
||||||
body {
|
body {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1024px) {
|
@media screen and (min-width: 125ex) {
|
||||||
body {
|
body {
|
||||||
width: 954px;
|
width: 125ex;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user