sbrl-github/Pepperminty-Wiki
sbrl-github/Pepperminty-Wiki
1
0
Fork 0
mirror of https://github.com/sbrl/Pepperminty-Wiki.git synced 2024-11-22 04:23:01 +00:00
Code Activity

theme/photo: properly style the new similar page suggestions

Browse source
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; margin: 0;
display: grid; display: grid;
grid-template-columns: 1fr 4fr 1fr; 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" grid-template-areas: "side-left header side-right"
"side-left nav-top side-right" "side-left nav-top side-right"
"side-left content side-right" "side-left content side-right"
"side-left similar-suggestions side-right"
"side-left comments side-right" "side-left comments side-right"
"side-left footer side-right" "side-left footer side-right"
"side-left nav-bottom side-right"; "side-left nav-bottom side-right";
@ -62,7 +63,7 @@ body {
font-family: sans-serif; font-family: sans-serif;
} }
body > nav, main, .comments, footer { body > nav, main, .similar-page-suggestions, .comments, footer {
margin: 1em 0; margin: 1em 0;
background: var(--bg-a); background: var(--bg-a);
padding: var(--panel-padding); padding: var(--panel-padding);
@ -212,8 +213,8 @@ input[type=submit] {
.stacked-bar { display: flex; } .stacked-bar { display: flex; }
/* TODO: Actually refine this properly /* 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);*/ } .similar-page-suggestions { grid-area: similar-suggestions; }
.similar-page-suggestions > h2 { text-align: center; } .similar-page-suggestions > h2 { text-align: center; }
.similar-page-suggestions-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; } .similar-page-suggestions-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; }