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