Adding support for distribution platform buttons.

This commit is contained in:
Adsooi 2021-08-02 02:40:30 +02:00
parent ccfb34d4e1
commit b64d1bdb6a
No known key found for this signature in database
GPG key ID: 9C87C7D3A69E6BBE
5 changed files with 57 additions and 7 deletions

View file

@ -71,15 +71,32 @@
}
.app-os-sources {
hr:last-of-type {
opacity: 0;
height: 0.1em;
hr {
color: var(--primary-color);
&:last-of-type {
opacity: 0;
height: 0.1em;
}
}
a img {
width: Min(300px, calc(100% - 2em));
box-shadow: 0px 0px 2px 0px #000000;
transition: box-shadow 0.15s ease-in-out, filter 0.15s ease-in-out;
border-radius: 1em;
filter: brightness(100%);
&:hover {
box-shadow: 0px 0px 8px 0px #000000;
filter: brightness(85%);
}
}
}
}
@media screen and (max-width: 700px) {
@media screen and (max-width: 850px) {
.app-download {
border-left: var(--border);
@ -87,10 +104,13 @@
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
& .app-download-platform {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}