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
diff --git a/src/assets/styles/_alerts.scss b/src/assets/styles/_alerts.scss
index 3f103b1..0b7b518 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 d59b25c..d31d673 100644
--- a/src/components/Global/Alert.vue
+++ b/src/components/Global/Alert.vue
@@ -32,10 +32,3 @@
}
};
</script>
-
-<style lang="scss" scoped>
-.alert.small {
- padding: $spacer / 2;
- font-size: 1rem;
-}
-</style>