56 lines
1.0 KiB
SCSS
56 lines
1.0 KiB
SCSS
@use '../abstract' as abstract;
|
|
|
|
#page-div {
|
|
width: 100%;
|
|
|
|
@include abstract.for-desktop {
|
|
display: flex;
|
|
flex-flow: row;
|
|
margin-top: 25px;
|
|
|
|
// width: 100%;
|
|
justify-content: space-around;
|
|
}
|
|
}
|
|
|
|
#page {
|
|
/* box-shadow: 30vw 0px 5vw -10vw green inset; */
|
|
flex: 1 0 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
min-height: 100vh;
|
|
|
|
@include abstract.for-desktop {
|
|
flex: 0 0 auto;
|
|
width: 1000px;
|
|
background-color: inherit;
|
|
}
|
|
}
|
|
|
|
#page,
|
|
#page-div {
|
|
@include abstract.for-desktop {
|
|
min-height: calc(100vh - 40px);
|
|
}
|
|
}
|
|
|
|
#page-bg {
|
|
display: none;
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
var(--color-page-bg-top, #eee),
|
|
var(--color-page-bg-bottom, #fff)
|
|
);
|
|
|
|
@include abstract.for-desktop {
|
|
display: block;
|
|
position: fixed;
|
|
width: 1000px;
|
|
height: calc(100% - 40px);
|
|
bottom: 0;
|
|
z-index: -9;
|
|
left: calc((100% - 1000px) / 2);
|
|
}
|
|
}
|