@import 'theme.css';
@media only screen and (max-width: 992px) {
.SearchResult .item {
width: calc(100% / 3);
}
}
@media only screen and (max-width: 768px) {
.SearchResult .item {
width: calc(100% / 2);
}
.ImageInfo .content-wrapper {
width: 100%;
}
.Banner .CatName {
font-size: 0.8em;
}
}
@media only screen and (max-width: 600px) {
.SearchResult .item {
width: calc(100% / 1);
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: var(--background-color);
color: var(--color);
}
}
#flex-container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
#flex-container > div {
min-height: 30px;
}
#flex-container > .flex-item {
flex: 1;
width: 100%;
border: 2px solid red;
white-space: nowrap;
text-overflow: ellipsis;
}
#flex-container > .raw-item {
flex: 5;
border: 2px solid green;
}
#flex-container > .raw-item2 {
width: 5em;
border: 2px solid blue;
}
#flex-container > .raw-item3 {
flex: 100%;
border: 3px solid yellow;
}
#flex-container > .raw-item4 {
flex: 100%;
width: 5em;
border: 10px solid white;
box-sizing: border-box !important;
}