diff --git a/ReactWithDotNet.WebSite/Components/HamburgerButton.cs b/ReactWithDotNet.WebSite/Components/HamburgerButton.cs index a74a3d94..af7cfde9 100644 --- a/ReactWithDotNet.WebSite/Components/HamburgerButton.cs +++ b/ReactWithDotNet.WebSite/Components/HamburgerButton.cs @@ -13,7 +13,7 @@ protected override Element render() return new button(DisplayFlexRowCentered, OnClick(Click)) { Border(Solid(1,Theme.grey_300)), - BackgroundTransparent, + Background(transparent), BorderRadius(10), When(IsOpen,Background(Theme.grey_50)), diff --git a/ReactWithDotNet.WebSite/Components/HighlightedText.cs b/ReactWithDotNet.WebSite/Components/HighlightedText.cs index c71c87a5..cbabd309 100644 --- a/ReactWithDotNet.WebSite/Components/HighlightedText.cs +++ b/ReactWithDotNet.WebSite/Components/HighlightedText.cs @@ -75,7 +75,7 @@ public static Element CreateAttractiveText(string text) style = { PaddingLeftRight(3), - WebkitTextFillColor(Transparent), + WebkitTextFillColor(transparent), Background(linear_gradientTo("right", Blue400, Blue600)), BackgroundClipText, WebkitBackgroundClipText diff --git a/ReactWithDotNet.WebSite/Pages/PageFrequendlyAskedQuestions.cs b/ReactWithDotNet.WebSite/Pages/PageFrequendlyAskedQuestions.cs index 6876430d..97fd3618 100644 --- a/ReactWithDotNet.WebSite/Pages/PageFrequendlyAskedQuestions.cs +++ b/ReactWithDotNet.WebSite/Pages/PageFrequendlyAskedQuestions.cs @@ -101,7 +101,7 @@ protected override Task constructor() protected override Element render() { - return new FlexColumn(AlignItemsFlexStart, AlignSelfStretch, BackgroundWhite, Border(1, solid, Gray200), BorderRadius(8), Gap(16), JustifyContentFlexStart, Padding(20)) + return new FlexColumn(AlignItemsFlexStart, AlignSelfStretch, Background(White), Border(1, solid, Gray200), BorderRadius(8), Gap(16), JustifyContentFlexStart, Padding(20)) { state.IsExpanded ? null : OnClick(ToggleCollapse), diff --git a/ReactWithDotNet.WebSite/Pages/PageMileStones.cs b/ReactWithDotNet.WebSite/Pages/PageMileStones.cs index 2c12f5b2..1bb0f3a9 100644 --- a/ReactWithDotNet.WebSite/Pages/PageMileStones.cs +++ b/ReactWithDotNet.WebSite/Pages/PageMileStones.cs @@ -65,7 +65,7 @@ class MilestoneContainer : PureComponent { protected override Element render() { - return new FlexColumn(Gap(4), Padding(32), BackgroundWhite, BorderRadius(8), Border(1, solid, Gray200), Hover(BorderColor(Gray300))) + return new FlexColumn(Gap(4), Padding(32), Background(White), BorderRadius(8), Border(1, solid, Gray200), Hover(BorderColor(Gray300))) { children }; diff --git a/ReactWithDotNet/Mixin.1.cs b/ReactWithDotNet/Mixin.1.cs index 23c1f2ef..c269d664 100644 --- a/ReactWithDotNet/Mixin.1.cs +++ b/ReactWithDotNet/Mixin.1.cs @@ -6,26 +6,6 @@ namespace ReactWithDotNet; public static partial class Mixin { - /// - /// style.backgroundColor = 'transparent' - /// - public static StyleModifier BackgroundColorTransparent => - BackgroundColor("transparent"); - - /// - /// style.background = 'transparent' - /// - public static StyleModifier BackgroundTransparent => - Background("transparent"); - - /// - /// style.background = 'white' - /// - public static StyleModifier BackgroundWhite=> - Background("white"); - - - public static StyleModifier BoxSizingBorderBox => new(style => style.boxSizing = "border-box"); public static StyleModifier BoxSizingContentBox => new(style => style.boxSizing = "content-box"); @@ -366,11 +346,6 @@ public static StyleModifier BackdropFilterBlur(double valueAsPixel) => /// public static StyleModifier BackgroundClipText=>BackgroundClip("text"); - public static readonly string Transparent = "transparent"; - - - - /// /// The background-image property sets one or more background images for an element. diff --git a/ReactWithDotNet/UIDesigner/StyleSearchInput.cs b/ReactWithDotNet/UIDesigner/StyleSearchInput.cs index 3835eef6..87ef3e8f 100644 --- a/ReactWithDotNet/UIDesigner/StyleSearchInput.cs +++ b/ReactWithDotNet/UIDesigner/StyleSearchInput.cs @@ -53,7 +53,7 @@ protected override Element render() onKeyDown = OnKeyDown, style = { - BackgroundWhite, + Background(White), Border(Solid(0.1, "#bcc4e3")), BorderRadius(3), PaddingLeft(3),