diff options
author | Derick Montague <derick.montague@ibm.com> | 2020-04-08 21:31:31 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-04-09 17:21:52 +0300 |
commit | d0d9215bbb3c5b56d682abffb5abb916ff9d4387 (patch) | |
tree | ceca912fd742f17bc4b9ff031aaa807249818f41 | |
parent | 6859203cebe3b6a31d23d55a3555bf36d6c73242 (diff) | |
download | webui-vue-d0d9215bbb3c5b56d682abffb5abb916ff9d4387.tar.xz |
Fix documentation error
Using SCSS tokens in single file components results in a compile issue
causing the documentation to white screen. Moving custom alert styles
to the global alert .scss file to resolve this issue and to keep all
alert styles in one place.
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I047fa15c76cdfb842e5c00eea99e529595b94632
-rw-r--r-- | src/assets/styles/_alerts.scss | 5 | ||||
-rw-r--r-- | src/components/Global/Alert.vue | 7 |
2 files changed, 5 insertions, 7 deletions
diff --git a/src/assets/styles/_alerts.scss b/src/assets/styles/_alerts.scss index 3f103b19..0b7b518a 100644 --- a/src/assets/styles/_alerts.scss +++ b/src/assets/styles/_alerts.scss @@ -5,6 +5,11 @@ color: $gray-800; margin-bottom: $spacer; + &.small { + padding: $spacer / 2; + font-size: 1rem; + } + .close { font-weight: 300; opacity: 1; diff --git a/src/components/Global/Alert.vue b/src/components/Global/Alert.vue index d59b25ca..d31d673d 100644 --- a/src/components/Global/Alert.vue +++ b/src/components/Global/Alert.vue @@ -32,10 +32,3 @@ export default { } }; </script> - -<style lang="scss" scoped> -.alert.small { - padding: $spacer / 2; - font-size: 1rem; -} -</style> |