2018-06-03 05:58:54 +02:00
|
|
|
.page-layout {
|
|
|
|
|
flex: 1 0 auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
2018-06-09 02:23:11 +02:00
|
|
|
.content {
|
|
|
|
|
flex: 1 0 auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
flex-direction: column;
|
2018-11-09 01:44:59 +01:00
|
|
|
margin: $secondary-padding;
|
2018-06-09 02:23:11 +02:00
|
|
|
}
|
2018-06-03 05:58:54 +02:00
|
|
|
}
|
2018-11-09 01:44:59 +01:00
|
|
|
|
|
|
|
|
@media (max-width: $break-point-tablet) {
|
2018-11-09 19:55:53 +01:00
|
|
|
.page-layout .content { margin: $tertiary-padding; }
|
2018-11-09 01:44:59 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: $break-point-mobile) {
|
|
|
|
|
max-width: calc(100% - 30px);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//below should take some styles from _text.scss and probably elsewhere and become "markdown" or "rich" styles
|
|
|
|
|
.page-layout {
|
|
|
|
|
p {
|
|
|
|
|
margin-bottom: $tertiary-padding;
|
|
|
|
|
}
|
|
|
|
|
}
|
