enhance:调整标题的样式。
This commit is contained in:
徐涛
parent
a2b6019eae
commit
8523852cf0
|
|
@ -1,162 +1,181 @@
|
||||||
body {
|
body {
|
||||||
background: url(/images/scatterbg.svg);
|
background: url(/images/scatterbg.svg);
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.main-content {
|
.main-content {
|
||||||
min-height: calc(100vh - 80px - 72px - 32px);
|
min-height: calc(100vh - 80px - 72px - 32px);
|
||||||
|
}
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
code {
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
footer {
|
footer {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
}
|
}
|
||||||
.primary-badge {
|
.primary-badge {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 22px;
|
min-width: 22px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
border-radius: 500px;
|
border-radius: 500px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
background: #1e87f0;
|
background: #1e87f0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.tag-title {
|
.tag-title {
|
||||||
width: max-content;
|
width: max-content;
|
||||||
word-break: keep-all;
|
word-break: keep-all;
|
||||||
}
|
}
|
||||||
.category-list, .category-list-child {
|
.category-list,
|
||||||
padding-left: 8px;
|
.category-list-child {
|
||||||
list-style-position: inside;
|
padding-left: 8px;
|
||||||
list-style-type: '\25bc';
|
list-style-position: inside;
|
||||||
.category-list-item {
|
list-style-type: "\25bc";
|
||||||
line-height: 1.7em;
|
.category-list-item {
|
||||||
.category-list-link {
|
line-height: 1.7em;
|
||||||
text-decoration: none;
|
.category-list-link {
|
||||||
margin-left: 8px;
|
text-decoration: none;
|
||||||
&:link {
|
margin-left: 8px;
|
||||||
color: #000000;
|
&:link {
|
||||||
}
|
color: #000000;
|
||||||
&:visited {
|
}
|
||||||
color: #000000;
|
&:visited {
|
||||||
}
|
color: #000000;
|
||||||
&:hover {
|
}
|
||||||
color: #288aed;
|
&:hover {
|
||||||
}
|
color: #288aed;
|
||||||
}
|
}
|
||||||
.category-list-child {
|
|
||||||
padding-left: 16px;
|
|
||||||
list-style-type: '\25b7';
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
.category-list-child {
|
||||||
.categories-toc-list, .categories-toc-list-child {
|
padding-left: 16px;
|
||||||
list-style: none;
|
list-style-type: "\25b7";
|
||||||
padding-left: 0;
|
|
||||||
.categories-toc-list-item {
|
|
||||||
line-height: 3em;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
.categories-toc-list-link {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
.categories-toc-list-count {
|
|
||||||
.primary-badge();
|
|
||||||
}
|
|
||||||
.categories-toc-list-child {
|
|
||||||
padding-left: 24px;
|
|
||||||
width: 100%;
|
|
||||||
border-top: 1px solid #cccccc;
|
|
||||||
}
|
|
||||||
&:not(:first-of-type) {
|
|
||||||
border-top: 1px solid #cccccc;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.tags-toc-list {
|
.categories-toc-list,
|
||||||
|
.categories-toc-list-child {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
.categories-toc-list-item {
|
||||||
|
line-height: 3em;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
.tags-toc-list-item {
|
.categories-toc-list-link {
|
||||||
width: 25%;
|
flex-grow: 1;
|
||||||
flex-grow: 1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 16px;
|
|
||||||
margin: 0 8px;
|
|
||||||
border-bottom: 1px solid #cccccc;
|
|
||||||
.tags-toc-list-link {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
.tags-toc-list-count {
|
|
||||||
.primary-badge();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.categories-toc-list-count {
|
||||||
|
.primary-badge();
|
||||||
|
}
|
||||||
|
.categories-toc-list-child {
|
||||||
|
padding-left: 24px;
|
||||||
|
width: 100%;
|
||||||
|
border-top: 1px solid #cccccc;
|
||||||
|
}
|
||||||
|
&:not(:first-of-type) {
|
||||||
|
border-top: 1px solid #cccccc;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.toc, .toc-child {
|
.tags-toc-list {
|
||||||
padding-left: 0;
|
display: flex;
|
||||||
list-style-type: none;
|
flex-direction: row;
|
||||||
list-style-position: outside;
|
justify-content: space-between;
|
||||||
.toc-child {
|
flex-wrap: wrap;
|
||||||
padding-left: 16px;
|
.tags-toc-list-item {
|
||||||
|
width: 25%;
|
||||||
|
flex-grow: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 16px;
|
||||||
|
margin: 0 8px;
|
||||||
|
border-bottom: 1px solid #cccccc;
|
||||||
|
.tags-toc-list-link {
|
||||||
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
.toc-link {
|
.tags-toc-list-count {
|
||||||
text-decoration: none;
|
.primary-badge();
|
||||||
color: #000000;
|
|
||||||
&:link, &:visited {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
color: #1e87f0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.toc,
|
||||||
|
.toc-child {
|
||||||
|
padding-left: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
list-style-position: outside;
|
||||||
|
.toc-child {
|
||||||
|
padding-left: 16px;
|
||||||
|
}
|
||||||
|
.toc-link {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #000000;
|
||||||
|
&:link,
|
||||||
|
&:visited {
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
color: #1e87f0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.markdown-anchor {
|
.markdown-anchor {
|
||||||
padding-top: 96px;
|
padding-top: 96px;
|
||||||
}
|
}
|
||||||
.tagcloud {
|
.tagcloud {
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
&[class*=tag-item] {
|
&[class*="tag-item"] {
|
||||||
padding: 0 2px;
|
padding: 0 2px;
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.archive-list {
|
.archive-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
.archive-list-item {
|
.archive-list-item {
|
||||||
line-height: 3em;
|
line-height: 3em;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
&:not(:last-of-type) {
|
&:not(:last-of-type) {
|
||||||
border-bottom: 1px solid #cccccc;
|
border-bottom: 1px solid #cccccc;
|
||||||
}
|
|
||||||
.archive-list-count {
|
|
||||||
.primary-badge();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.archive-list-count {
|
||||||
|
.primary-badge();
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
article {
|
article {
|
||||||
img, video {
|
img,
|
||||||
margin-top: 8px;
|
video {
|
||||||
}
|
margin-top: 8px;
|
||||||
h2, h3, h4, h5, h6 {
|
}
|
||||||
&[id]:target {
|
h2,
|
||||||
position: relative;
|
h3,
|
||||||
padding-top: 92px;
|
h4,
|
||||||
margin-top: -72px;
|
h5,
|
||||||
}
|
h6 {
|
||||||
|
&[id]:target {
|
||||||
|
position: relative;
|
||||||
|
padding-top: 92px;
|
||||||
|
margin-top: -72px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user