feat: division between mobile and desktop components, boards for mobile
This commit is contained in:
@ -1,15 +1,21 @@
|
||||
.container {
|
||||
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);
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
@media (min-width: 48em) {
|
||||
padding: rem(35);
|
||||
border-radius: rem(20);
|
||||
|
||||
@mixin dark {
|
||||
box-shadow: 5px 5px 30px 1px var(--mantine-color-dark-6);
|
||||
}
|
||||
@mixin light {
|
||||
box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user