Constant STYLES 

pub const STYLES: Asset;

Master SCSS stylesheet asset provided by the Shadow Design library.

This asset points to /scss/main.scss packaged inside the crate and is processed natively by Dioxus 0.7’s asset! macro. It contains the complete styling engine: preflight reset, typography, theme color variables, surface elevation layers, component classes (.sd-btn, .sd-card, .sd-input, etc.), and keyframe animations.

Usage in Dioxus

Include it directly in your application’s root component head:

use dioxus::prelude::*;
use shadow_design::prelude::*;

#[component]
fn App() -> Element {
    rsx! {
        // Embed the compiled stylesheet
        document::Link { rel: "stylesheet", href: STYLES }

        // Your UI components
        Button { "Click me" }
    }
}

Downstream projects do not need Node.js, npm, or Tailwind CLI; Dioxus bundles the SCSS stylesheet automatically.