|
|
@ -17,7 +17,7 @@ body {
|
|
|
|
color: var(--text-color);
|
|
|
|
color: var(--text-color);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
header {
|
|
|
|
.theme header {
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
left: 0;
|
|
|
@ -33,12 +33,12 @@ header {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 719px) {
|
|
|
|
@media screen and (max-width: 719px) {
|
|
|
|
header {
|
|
|
|
.theme header {
|
|
|
|
padding-left: 4rem;
|
|
|
|
padding-left: 4rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
aside {
|
|
|
|
.theme aside {
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
left: 0;
|
|
|
@ -52,18 +52,18 @@ aside {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 959px) {
|
|
|
|
@media screen and (max-width: 959px) {
|
|
|
|
aside {
|
|
|
|
.theme aside {
|
|
|
|
width: 16.4rem;
|
|
|
|
width: 16.4rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 719px) {
|
|
|
|
@media screen and (max-width: 719px) {
|
|
|
|
aside {
|
|
|
|
.theme aside {
|
|
|
|
transition: transform 0.2s ease;
|
|
|
|
transition: transform 0.2s ease;
|
|
|
|
transform: translateX(-100%);
|
|
|
|
transform: translateX(-100%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
aside.open {
|
|
|
|
.theme aside.open {
|
|
|
|
transform: translateX(0);
|
|
|
|
transform: translateX(0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -80,19 +80,19 @@ aside {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
main {
|
|
|
|
.theme main {
|
|
|
|
margin-top: var(--header-height);
|
|
|
|
margin-top: var(--header-height);
|
|
|
|
margin-left: var(--sidebar-width);
|
|
|
|
margin-left: var(--sidebar-width);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 959px) {
|
|
|
|
@media screen and (max-width: 959px) {
|
|
|
|
main {
|
|
|
|
.theme main {
|
|
|
|
margin-left: 16.4rem;
|
|
|
|
margin-left: 16.4rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 719px) {
|
|
|
|
@media screen and (max-width: 719px) {
|
|
|
|
main {
|
|
|
|
.theme main {
|
|
|
|
margin-left: 0;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -187,8 +187,8 @@ td {
|
|
|
|
|
|
|
|
|
|
|
|
blockquote {
|
|
|
|
blockquote {
|
|
|
|
margin: 1rem 0;
|
|
|
|
margin: 1rem 0;
|
|
|
|
border-left: .2rem solid #dfe2e5;
|
|
|
|
border-left: 0.2rem solid #dfe2e5;
|
|
|
|
padding: .25rem 0 .25rem 1rem;
|
|
|
|
padding: 0.25rem 0 0.25rem 1rem;
|
|
|
|
font-size: 1rem;
|
|
|
|
font-size: 1rem;
|
|
|
|
color: #999;
|
|
|
|
color: #999;
|
|
|
|
}
|
|
|
|
}
|
|
|
|