Consolidate font-size css
Prefer using css variables everywhere.
Change-Id: Ie2fa0532a718d8c3b9189e052d9e9e71d1e615e6
diff --git a/polygerrit-ui/app/elements/change-list/gr-change-list-item/gr-change-list-item.html b/polygerrit-ui/app/elements/change-list/gr-change-list-item/gr-change-list-item.html
index 6f520b3..0c2f884 100644
--- a/polygerrit-ui/app/elements/change-list/gr-change-list-item/gr-change-list-item.html
+++ b/polygerrit-ui/app/elements/change-list/gr-change-list-item/gr-change-list-item.html
@@ -107,7 +107,7 @@
}
.label.u-green:not(.u-monospace),
.label.u-red:not(.u-monospace) {
- font-size: 1.2rem;
+ font-size: var(--font-size-large);
}
.u-gray-background {
background-color: var(--table-header-background-color);
diff --git a/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html b/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
index 6c80080..61a2ef6 100644
--- a/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
+++ b/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
@@ -90,7 +90,7 @@
align-items: center;
display: flex;
flex: 1;
- font-size: 1.2rem;
+ font-size: var(--font-size-large);
}
.headerTitle .headerSubject {
font-weight: var(--font-weight-bold);
@@ -300,7 +300,7 @@
}
.headerTitle {
flex-wrap: wrap;
- font-size: 1.1rem;
+ font-size: var(--font-size-large);
}
.desktop {
display: none;
diff --git a/polygerrit-ui/app/elements/change/gr-included-in-dialog/gr-included-in-dialog.html b/polygerrit-ui/app/elements/change/gr-included-in-dialog/gr-included-in-dialog.html
index 5d6b090..d718165 100644
--- a/polygerrit-ui/app/elements/change/gr-included-in-dialog/gr-included-in-dialog.html
+++ b/polygerrit-ui/app/elements/change/gr-included-in-dialog/gr-included-in-dialog.html
@@ -42,11 +42,11 @@
}
#title {
display: inline-block;
- font-size: 1.2rem;
+ font-size: var(--font-size-large);
margin-top: var(--spacing-xs);
}
h2 {
- font-size: 1rem;
+ font-size: var(--font-size-normal);
}
#filterInput {
display: inline-block;
diff --git a/polygerrit-ui/app/elements/gr-app-element.html b/polygerrit-ui/app/elements/gr-app-element.html
index 9dcf972..3b9c06c 100644
--- a/polygerrit-ui/app/elements/gr-app-element.html
+++ b/polygerrit-ui/app/elements/gr-app-element.html
@@ -111,7 +111,7 @@
margin-top: var(--spacing-m);
}
.errorText {
- font-size: 1.2rem;
+ font-size: var(--font-size-large);
}
.errorMoreInfo {
color: var(--deemphasized-text-color);
diff --git a/polygerrit-ui/app/elements/shared/gr-account-chip/gr-account-chip.html b/polygerrit-ui/app/elements/shared/gr-account-chip/gr-account-chip.html
index e57aa49..1975f7a 100644
--- a/polygerrit-ui/app/elements/shared/gr-account-chip/gr-account-chip.html
+++ b/polygerrit-ui/app/elements/shared/gr-account-chip/gr-account-chip.html
@@ -44,7 +44,6 @@
--gr-remove-button-style: {
border: 0;
color: var(--deemphasized-text-color);
- font-size: 1.7rem;
font-weight: normal;
height: .6em;
line-height: .6;
diff --git a/polygerrit-ui/app/elements/shared/gr-comment/gr-comment.html b/polygerrit-ui/app/elements/shared/gr-comment/gr-comment.html
index 0a38517..7c9b441 100644
--- a/polygerrit-ui/app/elements/shared/gr-comment/gr-comment.html
+++ b/polygerrit-ui/app/elements/shared/gr-comment/gr-comment.html
@@ -184,7 +184,7 @@
color: var(--comment-text-color);
cursor: pointer;
display: block;
- font-size: .8rem;
+ font-size: var(--font-size-small);
height: 1.1em;
margin-top: var(--spacing-xxs);
}
diff --git a/polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html b/polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html
index 135cf2d..59e47a0 100644
--- a/polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html
+++ b/polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip.html
@@ -41,7 +41,6 @@
--gr-remove-button-style: {
border: 0;
color: var(--deemphasized-text-color);
- font-size: 1.7rem;
font-weight: normal;
height: .6em;
line-height: .6;
diff --git a/polygerrit-ui/app/styles/gr-change-list-styles.html b/polygerrit-ui/app/styles/gr-change-list-styles.html
index 45bf281..2b66a0f 100644
--- a/polygerrit-ui/app/styles/gr-change-list-styles.html
+++ b/polygerrit-ui/app/styles/gr-change-list-styles.html
@@ -214,11 +214,6 @@
height: auto;
}
}
- @media only screen and (min-width: 1450px) {
- :host {
- font-size: 14px;
- }
- }
</style>
</template>
</dom-module>
diff --git a/polygerrit-ui/app/styles/shared-styles.html b/polygerrit-ui/app/styles/shared-styles.html
index 14fee4f..a51f702 100644
--- a/polygerrit-ui/app/styles/shared-styles.html
+++ b/polygerrit-ui/app/styles/shared-styles.html
@@ -83,7 +83,7 @@
font-weight: var(--font-weight-bold);
}
h3 {
- font-size: 1.17em;
+ font-size: var(--font-size-large);
font-weight: var(--font-weight-bold);
}
iron-icon {
diff --git a/polygerrit-ui/app/styles/themes/app-theme.html b/polygerrit-ui/app/styles/themes/app-theme.html
index e254baa..39b15e9 100644
--- a/polygerrit-ui/app/styles/themes/app-theme.html
+++ b/polygerrit-ui/app/styles/themes/app-theme.html
@@ -74,9 +74,9 @@
/* fonts */
--font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
- --font-size-normal: 1rem;
- --font-size-small: .92rem;
- --font-size-large: 1.154rem;
+ --font-size-normal: 1rem; /* 13 px */
+ --font-size-small: .92rem; /* 12 px */
+ --font-size-large: 1.154rem; /* 15 px */
/* Used on text for change list that needs user's attention. */
--font-weight-bold: 500;
--monospace-font-family: 'Roboto Mono', Menlo, 'Lucida Console', Monaco, monospace;
