Continuing pages.

This commit is contained in:
Adsooi 2021-06-14 17:14:16 +02:00
parent fe28fb655b
commit 58218ed004
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
8 changed files with 257 additions and 7 deletions

View file

@ -2,7 +2,6 @@
width: min(108em, 100vw);
}
@media screen and (max-width: 108em) {
#appslist {
width: 81em;
@ -20,3 +19,66 @@
width: min(27em, 100vw);
}
}
.i-download:pre {
background: url(/icons/download.svg);
}
.app-download {
--border: solid 1px var(--primary-color);
--border-radius: 1rem;
border-right: var(--border);
border-bottom: var(--border);
}
.app-download:first-of-type {
border-left: var(--border);
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
.app-download:last-of-type {
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
.app-download-platform {
line-height: 3;
font-size: x-large;
}
.app-download:first-of-type .app-download-platform {
border-top-left-radius: var(--border-radius);
}
.app-download:last-of-type .app-download-platform {
border-top-right-radius: var(--border-radius);
}
@media screen and (max-width: 700px) {
.app-download {
border-left: var(--border);
}
.app-download:first-of-type {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
border-bottom-left-radius: 0;
}
.app-download:last-of-type {
border-top-right-radius: 0;
border-bottom-left-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.app-download:first-of-type .app-download-platform {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
}
.app-download:last-of-type .app-download-platform {
border-top-right-radius: 0;
}
}