63 lines
1.3 KiB
CSS
63 lines
1.3 KiB
CSS
#app {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
select.chakra-select {
|
|
padding-inline-start: var(--chakra-space-9);
|
|
color: var(--chakra-colors-chakra-placeholder-color);
|
|
}
|
|
|
|
select.chakra-select.active {
|
|
padding-inline-start: var(--chakra-space-9);
|
|
color: var(--chakra-colors-whiteAlpha-900);
|
|
}
|
|
|
|
.chakra-ui-light select.chakra-select {
|
|
color: var(--chakra-colors-gray-400);
|
|
}
|
|
|
|
.chakra-ui-light select.chakra-select.active {
|
|
color: var(--chakra-colors-gray-800);
|
|
}
|
|
|
|
.chakra-heading {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Lemon Yellow Sun';
|
|
src: url("./font/LemonYellowSun.otf") format("opentype");
|
|
}
|
|
|
|
h1 {
|
|
font-family: 'Lemon Yellow Sun' !important;
|
|
font-size: 32px !important;
|
|
font-weight: 700 !important;
|
|
}
|
|
|
|
body.chakra-ui-light {
|
|
background-image: url("./assets/bg/millelibri_light_bg_desktop.png");
|
|
background-repeat: no-repeat;
|
|
background-position: right bottom;
|
|
}
|
|
|
|
body.chakra-ui-dark {
|
|
background-image: url("./assets/bg/millelibri_dark_bg_desktop.png");
|
|
background-repeat: no-repeat;
|
|
background-position: right bottom;
|
|
}
|
|
|
|
@media (max-width : 899px) {
|
|
body.chakra-ui-light {
|
|
background-image: url("./assets/bg/millelibri_light_bg_mobile.png");
|
|
}
|
|
|
|
body.chakra-ui-dark {
|
|
background-image: url("./assets/bg/millelibri_dark_bg_mobile.png");
|
|
}
|
|
} |