Adds stroke-width plugin.

monorailcss · Apr 10, 2022 · 67292f5 · 67292f5
1 parent 3ec757e
commit 67292f5
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 38 deletions.
diff --git a/src/MonorailCss/Plugins/Svg/Fill.cs b/src/MonorailCss/Plugins/Svg/Fill.cs
@@ -25,44 +25,6 @@ public Fill(DesignSystem designSystem)
     /// <inheritdoc />
     protected override CssNamespaceToPropertyMap NamespacePropertyMapList => new() { { Namespace, "fill" } };
 
-    /// <inheritdoc />
-    protected override CssSuffixToValueMap Values
-    {
-        get =>
-            _flattenedColors.ToImmutableDictionary(k => k.Key, v => v.Value.AsRgb()).AddRange(
-                new Dictionary<string, string>
-                {
-                    { "inherit", "inherit" },
-                    { "current", "currentColor" },
-                    { "transparent", "transparent" },
-                    { "black", "#000" },
-                    { "white", "#000" },
-                });
-    }
-}
-
-/// <summary>
-/// The fill plugin.
-/// </summary>
-public class Stroke : BaseUtilityNamespacePlugin
-{
-    private const string Namespace = "stroke";
-    private readonly DesignSystem _designSystem;
-    private readonly ImmutableDictionary<string, CssColor> _flattenedColors;
-
-    /// <summary>
-    /// Initializes a new instance of the <see cref="Stroke"/> class.
-    /// </summary>
-    /// <param name="designSystem">The design system.</param>
-    public Stroke(DesignSystem designSystem)
-    {
-        _designSystem = designSystem;
-        _flattenedColors = designSystem.Colors.Flatten();
-    }
-
-    /// <inheritdoc />
-    protected override CssNamespaceToPropertyMap NamespacePropertyMapList => new() { { Namespace, "stroke" } };
-
     /// <inheritdoc />
     protected override CssSuffixToValueMap Values
     {

diff --git a/src/MonorailCss/Plugins/Svg/Stroke.cs b/src/MonorailCss/Plugins/Svg/Stroke.cs
@@ -0,0 +1,42 @@
+using System.Collections.Immutable;
+using MonorailCss.Css;
+
+namespace MonorailCss.Plugins.Svg;
+
+/// <summary>
+/// The fill plugin.
+/// </summary>
+public class Stroke : BaseUtilityNamespacePlugin
+{
+    private const string Namespace = "stroke";
+    private readonly DesignSystem _designSystem;
+    private readonly ImmutableDictionary<string, CssColor> _flattenedColors;
+
+    /// <summary>
+    /// Initializes a new instance of the <see cref="Stroke"/> class.
+    /// </summary>
+    /// <param name="designSystem">The design system.</param>
+    public Stroke(DesignSystem designSystem)
+    {
+        _designSystem = designSystem;
+        _flattenedColors = designSystem.Colors.Flatten();
+    }
+
+    /// <inheritdoc />
+    protected override CssNamespaceToPropertyMap NamespacePropertyMapList => new() { { Namespace, "stroke" } };
+
+    /// <inheritdoc />
+    protected override CssSuffixToValueMap Values
+    {
+        get =>
+            _flattenedColors.ToImmutableDictionary(k => k.Key, v => v.Value.AsRgb()).AddRange(
+                new Dictionary<string, string>
+                {
+                    { "inherit", "inherit" },
+                    { "current", "currentColor" },
+                    { "transparent", "transparent" },
+                    { "black", "#000" },
+                    { "white", "#000" },
+                });
+    }
+}
diff --git a/src/MonorailCss/Plugins/Svg/StrokeWidth.cs b/src/MonorailCss/Plugins/Svg/StrokeWidth.cs
@@ -0,0 +1,18 @@
+using System.Collections.Immutable;
+
+namespace MonorailCss.Plugins.Svg;
+
+/// <summary>
+/// The stroke-width plugin.
+/// </summary>
+public class StrokeWidth : BaseUtilityPlugin
+{
+    /// <inheritdoc />
+    protected override string Property => "stroke-width";
+
+    /// <inheritdoc />
+    protected override ImmutableDictionary<string, string> Utilities => new Dictionary<string, string>()
+    {
+        { "stroke-0", "0" }, { "stroke-1", "1" }, { "stroke-2", "2" },
+    }.ToImmutableDictionary();
+}