summaryrefslogtreecommitdiff
path: root/src/components/Global
diff options
context:
space:
mode:
authorDixsie Wolmers <dixsie@ibm.com>2020-07-20 21:29:54 +0300
committerDerick Montague <derick.montague@ibm.com>2020-07-23 22:39:24 +0300
commitbe88c61e6aedd361f1583f33152190ea6118fef1 (patch)
treef2d7cc31f1b8e4947ca1d65eed175682136b59d6 /src/components/Global
parent2a934977dd03d2dd0539ecb0cb2673d7973b6d75 (diff)
downloadwebui-vue-be88c61e6aedd361f1583f33152190ea6118fef1.tar.xz
Update global typography
Updated the following body, label, and heading styles to match new style guide: - Font sizes - Font weight - Line height - Color Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I014c968f6542b697fec8c3b9af781e64ac10794d
Diffstat (limited to 'src/components/Global')
-rw-r--r--src/components/Global/PageSection.vue2
-rw-r--r--src/components/Global/PageTitle.vue4
-rw-r--r--src/components/Global/TableFilter.vue3
3 files changed, 1 insertions, 8 deletions
diff --git a/src/components/Global/PageSection.vue b/src/components/Global/PageSection.vue
index 6f44a3a3..96f7134e 100644
--- a/src/components/Global/PageSection.vue
+++ b/src/components/Global/PageSection.vue
@@ -25,7 +25,7 @@ export default {
}
h2 {
- @include font-size($h4-font-size);
+ @include font-size($h3-font-size);
margin-bottom: $spacer;
&::after {
content: '';
diff --git a/src/components/Global/PageTitle.vue b/src/components/Global/PageTitle.vue
index c4a97754..dc0738e2 100644
--- a/src/components/Global/PageTitle.vue
+++ b/src/components/Global/PageTitle.vue
@@ -28,10 +28,6 @@ export default {
.page-title {
margin-bottom: $spacer * 2;
}
-h1 {
- font-weight: $display4-weight;
- line-height: $display-line-height;
-}
p {
max-width: 72ch;
}
diff --git a/src/components/Global/TableFilter.vue b/src/components/Global/TableFilter.vue
index afbe8a73..b514483f 100644
--- a/src/components/Global/TableFilter.vue
+++ b/src/components/Global/TableFilter.vue
@@ -133,9 +133,6 @@ export default {
<style lang="scss" scoped>
@import 'src/assets/styles/helpers';
-p {
- font-size: 1.2rem;
-}
.badge {
margin-right: $spacer / 2;
}