docs: Merge pull request #22211 from unoplatform/dev/juno/content-block-color-update

chore: content block color update

Author: Jen-Uno

doc/articles/controls/WebView.md

@@ -2,7 +2,7 @@
 uid: Uno.Controls.WebView2
 ---
 
-# `WebView2` (`WebView`)
+# WebView2 (WebView)
 
 > Uno Platform supports two `WebView` controls - the `WebView2` control and the legacy `WebView`. For new development, we strongly recommend `WebView2` as it will get further improvements in the future.
 

doc/templates/uno/component/alerts.scss

@@ -1,3 +1,4 @@
+@use 'sass:color';
 @use '../variables' as *;
 
 .alert {
@@ -18,3 +19,35 @@
     }
   }
 }
+
+// DocFX alert blocks styling
+@mixin alert-block($bg-color, $border-color, $text-color) {
+  background-color: $bg-color;
+  border-left: 4px solid $border-color;
+  padding: 16px 20px;
+  margin: 16px 0;
+  border-radius: 4px;
+
+  h5 {
+    color: $text-color;
+    margin-top: 0;
+    margin-bottom: 8px;
+    font-weight: 600;
+  }
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.NOTE, .TIP {
+  @include alert-block(lighten($blue, 40%), $blue, $blue);
+}
+
+.IMPORTANT, .WARNING {
+  @include alert-block(lighten($orange, 40%), $orange, $orange);
+}
+
+.CAUTION {
+  @include alert-block(lighten($red, 40%), $red, $red);
+}