diff options
author | Dixsie Wolmers <dixsie@ibm.com> | 2020-07-20 21:29:54 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-07-23 22:39:24 +0300 |
commit | be88c61e6aedd361f1583f33152190ea6118fef1 (patch) | |
tree | f2d7cc31f1b8e4947ca1d65eed175682136b59d6 /src/components | |
parent | 2a934977dd03d2dd0539ecb0cb2673d7973b6d75 (diff) | |
download | webui-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')
-rw-r--r-- | src/components/Global/PageSection.vue | 2 | ||||
-rw-r--r-- | src/components/Global/PageTitle.vue | 4 | ||||
-rw-r--r-- | src/components/Global/TableFilter.vue | 3 |
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; } |