use ems for percent and size elements

This commit is contained in:
Adam Argyle
2021-07-09 10:42:26 -07:00
parent b5c1c72e65
commit 7684c8f386

View File

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