jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 19:26:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update hassio-style.ts

Browse Source
This commit is contained in:
Bram Kragten 2020-02-04 13:34:14 +01:00
parent f1a1654371
commit 004ff58c21
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
hassio/src/resources/hassio-style.ts
View File

@ -28,12 +28,19 @@ export const hassioStyle = css`
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 8px; grid-gap: 8px;
} }
.card-group > * { @media screen and (min-width: 640px) {
max-width: 450px; .card-group {
grid-template-columns: repeat(auto-fit, minmax(300px, 0.5fr));
}
} }
@media screen and (max-width: 800px) { @media screen and (min-width: 1020px) {
.card-group > * { .card-group {
max-width: 100%; grid-template-columns: repeat(auto-fit, minmax(300px, 0.333fr));
}
}
@media screen and (min-width: 1300px) {
.card-group {
grid-template-columns: repeat(auto-fit, minmax(300px, 0.25fr));
} }
} }
ha-call-api-button { ha-call-api-button {