42 lines
595 B
SCSS
42 lines
595 B
SCSS
/*
|
|
* Page
|
|
* Styles for the base Page elements.
|
|
*
|
|
* Dependencies:
|
|
* styles/settings/responsive.scss
|
|
*
|
|
* Version:
|
|
* 1.0.0 - 2018/05/05
|
|
*/
|
|
@import '~@styles/global';
|
|
|
|
.c-page {
|
|
flex-grow: 1;
|
|
|
|
&.has-background {
|
|
position: relative;
|
|
}
|
|
|
|
&__boundary {
|
|
max-width: $s-screen-boundary;
|
|
margin: 0 auto;
|
|
|
|
&.is-full {
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
|
|
&.is-small {
|
|
max-width: $s-screen-boundary / 2;
|
|
}
|
|
}
|
|
|
|
&__background {
|
|
position: absolute;
|
|
z-index: -1;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
}
|