CssInCSharp 0.1.0-nightly-231202062218

This is a prerelease version of CssInCSharp.
There is a newer prerelease version of this package available.
See the version list below for details.
dotnet add package CssInCSharp --version 0.1.0-nightly-231202062218                
NuGet\Install-Package CssInCSharp -Version 0.1.0-nightly-231202062218                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="CssInCSharp" Version="0.1.0-nightly-231202062218" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add CssInCSharp --version 0.1.0-nightly-231202062218                
#r "nuget: CssInCSharp, 0.1.0-nightly-231202062218"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install CssInCSharp as a Cake Addin
#addin nuget:?package=CssInCSharp&version=0.1.0-nightly-231202062218&prerelease

// Install CssInCSharp as a Cake Tool
#tool nuget:?package=CssInCSharp&version=0.1.0-nightly-231202062218&prerelease                

CssInCs

A lib for generating Style Sheets with C#.

For documentation see our docs.

Getting started

dotnet add package CssInCSharp

Usage

<div class="basic">
    <div class="title">Title</div>
    <button class="button">Click</button>
</div>

<Style Id="basic-css">
    @_css
</Style>

@code
{
    private string _css = string.Empty;

    protected override void OnInitialized()
    {
        _css = new CSSObject
        {
            [".basic"] = new()
            {
                Width = "300px",
                Height = "300px",
                Border = "1px solid #DDD",
                ["& .title"] = new()
                {
                    LineHeight = "20px",
                    Color = "red"
                },
                ["& .button"] = new()
                {
                    Width = "100%",
                    Height = "20px",
                    TextAlign = "center",
                    ["&:hover"] = new()
                    {
                        Color = "blue"
                    }
                }
            }
        }.ToString();
    }
}

For other examples, you can check out the example code.

Css Compiler

The cssincs is similar to less or sass. You can simply convert you style file into C# class, so that you can make full use of the C# language features to generate style content.

Benchmark

BenchmarkDotNet=v0.13.5, OS=Windows 11 (10.0.22621.1702/22H2/2022Update/SunValley2)
AMD Ryzen 7 5700G with Radeon Graphics, 1 CPU, 16 logical and 8 physical cores
.NET SDK=7.0.203
  [Host]     : .NET 7.0.5 (7.0.523.17405), X64 RyuJIT AVX2
  DefaultJob : .NET 7.0.5 (7.0.523.17405), X64 RyuJIT AVX2
Method Mean Error StdDev Median Gen0 Gen1 Allocated
CreateCss 39.71 μs 0.789 μs 1.595 μs 38.98 μs 17.6392 1.0376 144.29 KB
Product Compatible and additional computed target framework versions.
.NET net5.0 is compatible.  net5.0-windows was computed.  net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
.NET Core netcoreapp3.0 was computed.  netcoreapp3.1 was computed. 
.NET Standard netstandard2.1 is compatible. 
MonoAndroid monoandroid was computed. 
MonoMac monomac was computed. 
MonoTouch monotouch was computed. 
Tizen tizen60 was computed. 
Xamarin.iOS xamarinios was computed. 
Xamarin.Mac xamarinmac was computed. 
Xamarin.TVOS xamarintvos was computed. 
Xamarin.WatchOS xamarinwatchos was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on CssInCSharp:

Package Downloads
AntDesign

🌈 A set of enterprise-class UI components based on Ant Design and Blazor.

GitHub repositories

This package is not used by any popular GitHub repositories.