styling
This commit is contained in:
parent
8e1bb2652c
commit
4eb19e8b3e
1 changed files with 9 additions and 6 deletions
|
@ -373,7 +373,7 @@ blockquote {
|
||||||
padding-left: 3rem;
|
padding-left: 3rem;
|
||||||
padding-right: 10rem;
|
padding-right: 10rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 720px;
|
max-width: 800px;
|
||||||
|
|
||||||
padding-top: 0.5rem;
|
padding-top: 0.5rem;
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
|
@ -395,10 +395,9 @@ blockquote {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: auto auto 1fr;
|
grid-template-rows: auto auto 1fr;
|
||||||
grid-template-areas: "title" "menu" "article";
|
grid-template-areas: "title" "menu" "article";
|
||||||
margin-top: 4rem;
|
|
||||||
padding-left: 3rem;
|
padding-left: 3rem;
|
||||||
padding-right: 10rem;
|
padding-right: 10rem;
|
||||||
max-width: 720px;
|
max-width: 800px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
@ -406,7 +405,7 @@ blockquote {
|
||||||
margin-top: 4rem;
|
margin-top: 4rem;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
margin-bottom: 4rem;
|
margin-bottom: 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.supt {
|
.supt {
|
||||||
|
@ -428,7 +427,7 @@ blockquote {
|
||||||
grid-area: menu;
|
grid-area: menu;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: minmax(0, auto) minmax(0, auto);
|
||||||
}
|
}
|
||||||
|
|
||||||
.toc {
|
.toc {
|
||||||
|
@ -438,6 +437,10 @@ blockquote {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.toc:empty + .graph-menus {
|
||||||
|
grid-column: 1/-1;
|
||||||
|
}
|
||||||
|
|
||||||
#TableOfContents {
|
#TableOfContents {
|
||||||
margin-left: -2rem;
|
margin-left: -2rem;
|
||||||
margin-top: -1.5rem;
|
margin-top: -1.5rem;
|
||||||
|
@ -466,7 +469,7 @@ nav#TableOfContents ol li a:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.graph-menu {
|
.graph-menu {
|
||||||
display: inline-grid;
|
display: flex;
|
||||||
grid-auto-rows: max-content;
|
grid-auto-rows: max-content;
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
|
Loading…
Add table
Reference in a new issue