sbrl-github/Pepperminty-Wiki
sbrl-github
/
Pepperminty-Wiki
mirror of https://github.com/sbrl/Pepperminty-Wiki.git
1
0
Fork 0
Code

theme/photo: properly style the new similar page suggestions

This commit is contained in:
Starbeamrainbowlabs 2020-05-27 00:12:04 +01:00
parent 94bda35906
commit dc993d311b
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
themes/photo/theme.css
View File

@ -47,10 +47,11 @@ body {
margin: 0;
display: grid;
grid-template-columns: 1fr 4fr 1fr;
grid-template-rows: repeat(6, auto);
grid-template-rows: repeat(7, auto);
grid-template-areas: "side-left header side-right"
"side-left nav-top side-right"
"side-left content side-right"
"side-left similar-suggestions side-right"
"side-left comments side-right"
"side-left footer side-right"
"side-left nav-bottom side-right";
@ -62,7 +63,7 @@ body {
font-family: sans-serif;
}
body > nav, main, .comments, footer {
body > nav, main, .similar-page-suggestions, .comments, footer {
margin: 1em 0;
background: var(--bg-a);
padding: var(--panel-padding);
@ -212,8 +213,8 @@ input[type=submit] {
.stacked-bar { display: flex; }
/* TODO: Actually refine this properly
.similar-page-suggestions { padding: 1em 2em; background: var(--bg-page-inset); /*box-shadow: 0 0.1rem 1rem 0.3rem var(--shadow);*/ }
/* TODO: Actually refine this properly */
.similar-page-suggestions { grid-area: similar-suggestions; }
.similar-page-suggestions > h2 { text-align: center; }
.similar-page-suggestions-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; }