Continuing pages.
This commit is contained in:
parent
fe28fb655b
commit
58218ed004
8 changed files with 257 additions and 7 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue