summaryrefslogtreecommitdiff
path: root/src/assets/styles/bmc/custom/_alert.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/assets/styles/bmc/custom/_alert.scss')
-rw-r--r--src/assets/styles/bmc/custom/_alert.scss110
1 files changed, 55 insertions, 55 deletions
diff --git a/src/assets/styles/bmc/custom/_alert.scss b/src/assets/styles/bmc/custom/_alert.scss
index 0e78ba64..521e910b 100644
--- a/src/assets/styles/bmc/custom/_alert.scss
+++ b/src/assets/styles/bmc/custom/_alert.scss
@@ -1,70 +1,70 @@
.alert {
- display: flex;
- padding: $spacer;
- border-width: 0 0 0 3px;
- color: gray("800");
- margin-bottom: $spacer;
+ display: flex;
+ padding: $spacer;
+ border-width: 0 0 0 3px;
+ color: gray("800");
+ margin-bottom: $spacer;
- &.small {
- padding: $spacer / 2;
- font-size: 1rem;
- }
+ &.small {
+ padding: $spacer / 2;
+ font-size: 1rem;
+ }
- .close {
- font-weight: 300;
- opacity: 1;
- }
+ .close {
+ font-weight: 300;
+ opacity: 1;
+ }
- .alert-icon {
- display: inline-flex;
- align-items: flex-start;
- margin-right: $spacer;
- margin-bottom: $spacer;
+ .alert-icon {
+ display: inline-flex;
+ align-items: flex-start;
+ margin-right: $spacer;
+ margin-bottom: $spacer;
- @include media-breakpoint-up(sm) {
- margin-bottom: 0;
- }
+ @include media-breakpoint-up(sm) {
+ margin-bottom: 0;
}
+ }
- .alert-content {
- flex: 1 1 auto;
- }
+ .alert-content {
+ flex: 1 1 auto;
+ }
- .alert-title {
- margin-bottom: $spacer / 2;
- }
+ .alert-title {
+ margin-bottom: $spacer / 2;
+ }
- .alert-msg {
- p + p {
- margin-bottom: $spacer;
- }
-
- p:last-of-type {
- margin-bottom: 0;
- }
+ .alert-msg {
+ p + p {
+ margin-bottom: $spacer;
}
- &.alert-info {
- border-left-color: theme-color("info");
- background-color: theme-color-light("info");
- fill: theme-color("info");
+ p:last-of-type {
+ margin-bottom: 0;
}
+ }
- &.alert-success {
- border-left-color: theme-color("success");
- background-color: theme-color-light("success");
- fill: theme-color("success");
- }
+ &.alert-info {
+ border-left-color: theme-color("info");
+ background-color: theme-color-light("info");
+ fill: theme-color("info");
+ }
- &.alert-danger {
- border-left-color: theme-color("danger");
- background-color: theme-color-light("danger");
- fill: theme-color("danger");
- }
+ &.alert-success {
+ border-left-color: theme-color("success");
+ background-color: theme-color-light("success");
+ fill: theme-color("success");
+ }
- &.alert-warning {
- border-left-color: theme-color("warning");
- background-color: theme-color-light("warning");
- fill: theme-color("warning");
- }
- } \ No newline at end of file
+ &.alert-danger {
+ border-left-color: theme-color("danger");
+ background-color: theme-color-light("danger");
+ fill: theme-color("danger");
+ }
+
+ &.alert-warning {
+ border-left-color: theme-color("warning");
+ background-color: theme-color-light("warning");
+ fill: theme-color("warning");
+ }
+} \ No newline at end of file