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
34
35
36
|
// `page_fillable()` sets html height in a <style> tag in <head>
// html { height: 100%; }
.bslib-page-fill {
width: 100%;
height: 100%;
margin: 0;
padding: var(--bslib-spacer, 1rem);
gap: var(--bslib-spacer, 1rem);
}
@include media-breakpoint-down(sm) {
.bslib-flow-mobile {
> .html-fill-item {
flex: 0 0 auto;
}
&.bslib-page-sidebar,
&.bslib-page-navbar.has-page-sidebar {
// Keep filling behavior of outer container
> .html-fill-item {
flex: 1 1 auto;
}
}
&.bslib-page-sidebar,
&.bslib-page-navbar.has-page-sidebar > .html-fill-container {
> .bslib-sidebar-layout {
// Switch to flow layout in main area of the sidebar container
> .main > .html-fill-item {
flex: 0 0 auto;
}
}
}
}
}
|
