matthew/enhanced-discord.py
1
0
Fork 0
Code Issues 4 Pull Requests 21 Projects Releases Wiki Activity

First pass at centering content for large displays

Browse Source
This commit is contained in:
Rapptz
2020-05-29 09:34:21 -04:00
parent 742b14a705
commit d14bf7f412
1 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/_static/style.css vendored
View File

@@ -124,7 +124,7 @@ img[src$="snake_dark.svg"] {
display: none; display: none;
} }
:root[data-theme="dark"] img[src$="snake_dark.svg"] { :root[data-theme="dark"] img[src$="snake_dark.svg"] {
display: initial; display: inherit;
} }
body { body {
@@ -818,3 +818,20 @@ div.code-block-caption {
} }
} }
@media screen and (min-width: 1200px) {
.main-grid {
/* 62.5% width => multiple of 5/8 content */
/* sidebar takes up 20% of the inner area */
grid-template-columns: repeat(16, 1fr);
grid-template-areas:
"s s h h h h h h h h h h h h h h"
"s s . . . c c c c c c c c . . ."
"s s f f f f f f f f f f f f f f"
}
main img {
display: block;
margin-left: auto;
margin-right: auto;
}
}