forked from pydata/pydata-sphinx-theme
-
Notifications
You must be signed in to change notification settings - Fork 0
/
_article.scss
33 lines (32 loc) · 909 Bytes
/
_article.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
/**
* Main content area
*/
.bd-main {
flex-grow: 1;
flex-direction: column;
display: flex;
min-width: 0;
.bd-content {
display: flex;
justify-content: center;
height: 100%;
.bd-article-container {
justify-content: start;
display: flex;
flex-direction: column;
// Max-width is slightly more than the W3 since our docs often have images.
// We shoot for about 100 characters per line instead of 80.
// ref: https://www.w3.org/WAI/tutorials/page-structure/styling/#line-length
max-width: 60em;
overflow-x: auto; // Prevent wide content from pushing off the secondary sidebar
padding: 1rem;
.bd-article {
// Give a bit more verticle spacing on wide screens
@include media-breakpoint-up($breakpoint-sidebar-secondary) {
padding-top: 2rem;
padding-left: 2rem;
}
}
}
}
}