Site WebKit compatibility

This commit is contained in:
hensm
2019-01-13 09:28:37 +00:00
parent 8590a92bc8
commit 556e0c9f7d
2 changed files with 173 additions and 172 deletions

View File

@@ -90,12 +90,12 @@ body {
color: var(--page-color); color: var(--page-color);
font-size: 2.75rem; font-size: 2.75rem;
padding: 0.25rem 1rem; padding: 0.25rem 1rem;
margin-inline-end: -1rem; margin-right: -1rem;
} }
.description { .description {
font-size: 1.75rem; font-size: 1.75rem;
padding-inline-end: 40px; padding-right: 40px;
text-align: right; text-align: right;
width: 45ch; width: 45ch;
z-index: 1; z-index: 1;
@@ -131,13 +131,13 @@ body {
cursor: pointer; cursor: pointer;
} }
.app-list__app:not(:last-child) { .app-list__app:not(:last-child) {
margin-inline-end: 0.5rem; margin-right: 0.5rem;
} }
.app-list__label { .app-list__label {
color: var(--text-color-secondary); color: var(--text-color-secondary);
font-size: 1.75rem; font-size: 1.75rem;
margin-inline-end: 1rem; margin-right: 1rem;
} }
@@ -146,6 +146,7 @@ body {
} }
.preview--bg { .preview--bg {
-webkit-mask-image: linear-gradient(to right, black, transparent);
mask-image: linear-gradient(to right, black, transparent); mask-image: linear-gradient(to right, black, transparent);
max-height: 712px; max-height: 712px;
max-width: 912px; max-width: 912px;
@@ -156,7 +157,7 @@ body {
} }
.preview--fg { .preview--fg {
margin-inline-start: -60px; margin-left: -60px;
max-height: 281px; max-height: 281px;
max-width: 462px; max-width: 462px;
position: relative; position: relative;

View File

@@ -17,7 +17,7 @@ select.btn {
-moz-appearance: none; -moz-appearance: none;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 12px center; background-position: right 12px center;
padding-inline-end: 40px; padding-right: 40px;
} }
select.btn { select.btn {
@@ -100,7 +100,7 @@ select.btn:-moz-focusring {
.btn__icon { .btn__icon {
height: 20px; height: 20px;
margin-inline-end: 8px; margin-right: 8px;
width: 20px; width: 20px;
} }