test_class_shorthand_followed_by_parens() — tailwindcss Function Reference

Architecture documentation for the test_class_shorthand_followed_by_parens() function in pug.rs from the tailwindcss codebase.

Function rust OxideEngine PreProcessors

Entity Profile

OxideEngine→ PreProcessors→ test_class_shorthand_followed_by_parens() — tailwindcss Function Reference

Dependency Diagram

graph TD
  9ca2463d_f544_799c_4365_5089ac606fd3["test_class_shorthand_followed_by_parens()"]
  3983a944_71de_6013_6287_530db068a263["pug.rs"]
  9ca2463d_f544_799c_4365_5089ac606fd3 -->|defined in| 3983a944_71de_6013_6287_530db068a263
  style 9ca2463d_f544_799c_4365_5089ac606fd3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

crates/oxide/src/extractor/pre_processors/pug.rs lines 157–180

    fn test_class_shorthand_followed_by_parens() {
        let input = r#"
            .text-sky-600.bg-neutral-900(title="A tooltip") This div has an HTML attribute.
        "#;
        Pug::test_extract_contains(input, vec!["text-sky-600", "bg-neutral-900"]);

        // Additional test with CSS Variable shorthand syntax in the attribute itself because `(`
        // and `)` are not valid in the class shorthand version.
        //
        // Also included an arbitrary value including `(` and `)` to make sure that we don't
        // accidentally remove those either.
        let input = r#"
            .p-8(class="bg-(--my-color) bg-(--my-color)/(--my-opacity) bg-[url(https://example.com)]")
        "#;
        Pug::test_extract_contains(
            input,
            vec![
                "p-8",
                "bg-(--my-color)",
                "bg-(--my-color)/(--my-opacity)",
                "bg-[url(https://example.com)]",
            ],
        );
    }