test_class_shorthand_followed_by_parens() — tailwindcss Function Reference

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)]",
            ],
        );
    }