2018-10-31 14:05:35 -07:00
|
|
|
@import '~styles/variables.less';
|
|
|
|
|
2018-10-03 19:42:20 -07:00
|
|
|
.Template {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
min-height: 100vh;
|
|
|
|
|
|
|
|
&-content {
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
flex: 1;
|
2019-01-09 10:23:08 -08:00
|
|
|
padding: 0 @template-space-sides;
|
2018-10-03 19:42:20 -07:00
|
|
|
|
|
|
|
.is-fullscreen & {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
&-inner {
|
|
|
|
width: 100%;
|
2018-10-31 14:05:35 -07:00
|
|
|
max-width: @max-content-width;
|
|
|
|
margin: 0 auto;
|
2019-01-09 10:23:08 -08:00
|
|
|
padding-top: @template-space-top;
|
|
|
|
padding-bottom: @template-space-top;
|
2018-10-03 19:42:20 -07:00
|
|
|
min-height: 280px;
|
|
|
|
|
|
|
|
.is-fullscreen & {
|
|
|
|
padding-top: 0;
|
|
|
|
padding-bottom: 0;
|
2018-10-31 14:05:35 -07:00
|
|
|
max-width: none;
|
2018-10-03 19:42:20 -07:00
|
|
|
}
|
2019-01-09 10:23:08 -08:00
|
|
|
|
2018-10-03 19:42:20 -07:00
|
|
|
.is-centered & {
|
|
|
|
align-self: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
&-loading {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
height: 280px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2019-01-09 10:23:08 -08:00
|
|
|
}
|