Initial Version

core/src/scss/components/_VAlert.scss

@@ -0,0 +1,37 @@
+.single-line-alert {
+  .v-alert__close,
+  .v-alert__prepend {
+    align-self: center !important;
+  }
+}
+
+.v-alert__prepend {
+  align-self: center;
+}
+
+.v-alert--variant-tonal {
+  &.with-border {
+    @each $color, $value in $theme-colors {
+      &.text-#{$color} {
+        border: 1px solid rgba(#{$value}, 0.3);
+      }
+    }
+  }
+}
+
+@media (max-width: 500px) {
+  .single-line-alert {
+    display: flex;
+    flex-wrap: wrap;
+    .v-alert__append {
+      margin-inline-start: 0px;
+    }
+    .v-alert__close {
+      margin-left: auto;
+    }
+    .v-alert__content {
+      width: 100%;
+      margin-top: 5px;
+    }
+  }
+}