You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.3 KiB
67 lines
1.3 KiB
.pageContentBodyWrapper {
|
|
display: flex;
|
|
flex: 1 0 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.contentBody {
|
|
composes: contentBody from '~Components/Page/PageContentBody.css';
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.postersInnerContentBody {
|
|
composes: innerContentBody from '~Components/Page/PageContentBody.css';
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
|
|
/* 5px less padding than normal to handle poster's 5px margin */
|
|
padding: calc($pageContentBodyPadding - 5px);
|
|
}
|
|
|
|
.bannersInnerContentBody {
|
|
composes: innerContentBody from '~Components/Page/PageContentBody.css';
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
|
|
/* 5px less padding than normal to handle poster's 5px margin */
|
|
padding: calc($pageContentBodyPadding - 5px);
|
|
}
|
|
|
|
.tableInnerContentBody {
|
|
composes: innerContentBody from '~Components/Page/PageContentBody.css';
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.contentBodyContainer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
@media only screen and (max-width: $breakpointSmall) {
|
|
.pageContentBodyWrapper {
|
|
flex-basis: auto;
|
|
}
|
|
|
|
.contentBody {
|
|
flex-basis: 1px;
|
|
}
|
|
|
|
.postersInnerContentBody {
|
|
padding: calc($pageContentBodyPaddingSmallScreen - 5px);
|
|
}
|
|
|
|
.bannersInnerContentBody {
|
|
padding: calc($pageContentBodyPaddingSmallScreen - 5px);
|
|
}
|
|
}
|