42 lines
898 B
CSS
42 lines
898 B
CSS
.container {
|
|
border-radius: rem(40);
|
|
background-color: white;
|
|
@mixin dark {
|
|
background-color: var(--mantine-color-dark-8);
|
|
box-shadow: 5px 5px 30px 1px var(--mantine-color-dark-6);
|
|
}
|
|
@mixin light {
|
|
box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.16);
|
|
}
|
|
padding: rem(35);
|
|
}
|
|
|
|
.container-full-height {
|
|
min-height: calc(100vh - (rem(20) * 2));
|
|
}
|
|
|
|
.container-full-height-fixed {
|
|
height: calc(100vh - (rem(20) * 2));
|
|
}
|
|
|
|
.container-no-border-radius {
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.container-full-screen-mobile {
|
|
@media (max-width: 48em) {
|
|
min-height: 100vh;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
border-radius: 0 !important;
|
|
padding: rem(40) rem(20) rem(20);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 100;
|
|
overflow-y: auto;
|
|
}
|
|
}
|