move css up a level to alert class

This commit is contained in:
Bill Richardson 2023-10-19 10:20:15 -04:00
parent 241b56bb3f
commit 3d41fbf80c

View file

@ -158,6 +158,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.alert { .alert {
border-color: transparent;
button { button {
display: none; display: none;
} }
@ -176,7 +177,6 @@ export default {
} }
&.alert-info { &.alert-info {
background-color: $blue-100; background-color: $blue-100;
border-color: transparent;
.alert-heading { .alert-heading {
color: $blue-700; color: $blue-700;
} }
@ -188,7 +188,6 @@ export default {
} }
&.alert-danger { &.alert-danger {
background-color: $red-100; background-color: $red-100;
border-color: transparent;
.alert-heading { .alert-heading {
color: $red-600; color: $red-600;
} }
@ -200,7 +199,6 @@ export default {
} }
&.alert-warning { &.alert-warning {
background-color: $yellow-100; background-color: $yellow-100;
border-color: transparent;
.alert-heading { .alert-heading {
color: $yellow-600; color: $yellow-600;
} }
@ -212,7 +210,6 @@ export default {
} }
&.alert-success { &.alert-success {
background-color: $green-100; background-color: $green-100;
border-color: transparent;
.alert-heading { .alert-heading {
color: $green-700; color: $green-700;
} }