external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-13 09:17:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

use ems for percent and size elements

Browse Source
This commit is contained in:
Adam Argyle
2021-07-09 10:42:26 -07:00
parent b5c1c72e65
commit 7684c8f386
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/lazy-app/Compress/Results/style.css
View File

@@ -172,6 +172,7 @@
display: grid; display: grid;
grid-template-columns: auto auto auto; grid-template-columns: auto auto auto;
line-height: 1; line-height: 1;
font-size: 2.6rem;
@media (min-width: 600px) { @media (min-width: 600px) {
background: var(--main-theme-color); background: var(--main-theme-color);
@@ -185,9 +186,8 @@
} }
.size-direction { .size-direction {
font-weight: 700;
align-self: center; align-self: center;
font-family: sans-serif; font-family: ui-monospace, monospace;
opacity: 0.76; opacity: 0.76;
text-shadow: 0 2px rgba(0, 0, 0, 0.3); text-shadow: 0 2px rgba(0, 0, 0, 0.3);
font-size: 1.5rem; font-size: 1.5rem;
@@ -197,7 +197,6 @@
.size-value { .size-value {
font-family: 'Roboto Mono Numbers'; font-family: 'Roboto Mono Numbers';
font-size: 2.6rem;
text-shadow: 0 2px rgba(0, 0, 0, 0.3); text-shadow: 0 2px rgba(0, 0, 0, 0.3);
} }
@@ -207,6 +206,7 @@
top: 4px; top: 4px;
opacity: 0.76; opacity: 0.76;
margin-left: 0.2rem; margin-left: 0.2rem;
font-size: 0.5em;
} }
.download { .download {