Skip to content

Commit

Permalink
update README
Browse files Browse the repository at this point in the history
  • Loading branch information
tststs committed Oct 21, 2024
1 parent bb2361c commit fd37123
Show file tree
Hide file tree
Showing 3 changed files with 5 additions and 5 deletions.
Binary file modified Packages/com.ngc-corp.unity-tailwindcss/Documentation/image.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -25,12 +25,12 @@ public static void ShowWindow()

private void OnGUI()
{
GUILayout.Label("Configure Tailwind UXML and CS Scanning", EditorStyles.boldLabel);
GUILayout.Label("Configure Tailwind Scanning", EditorStyles.boldLabel);

// Button to select new UXML folder
if (GUILayout.Button("Add UXML and CS Folders"))
if (GUILayout.Button("Add Folder"))
{
string selectedFolder = EditorUtility.OpenFolderPanel("Select UXML and CS Folders", "", "");
string selectedFolder = EditorUtility.OpenFolderPanel("Select Folder", "", "");

if (!string.IsNullOrEmpty(selectedFolder))
{
Expand All @@ -44,7 +44,7 @@ private void OnGUI()
}

// Display already chosen UXML folders
GUILayout.Label("Chosen UXML Folders:", EditorStyles.boldLabel);
GUILayout.Label("Chosen Folders:", EditorStyles.boldLabel);

for (int i = 0; i < uxmlFolderPaths.Count; i++)
{
Expand Down
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Unity - Tailwind CSS

Tailwind CSS for Unity allows developers to integrate the powerful Tailwind CSS framework with Unity's UI Toolkit. This tool enables Unity users to leverage Tailwind's utility-first CSS to style UXML components effortlessly. By converting Tailwind's rem and arbitrary value classes to Unity-supported formats and simplifying class structures, this tool facilitates seamless UI styling for games and apps. This tool automatically monitors changes in UXML and C# files, triggering CSS regeneration when needed, and can be added globally to reduce the need for manual updates, significantly enhancing workflow efficiency.
Tailwind CSS for Unity allows developers to integrate the powerful Tailwind CSS framework with Unity's UI Toolkit. This tool enables Unity users to leverage Tailwind's utility-first CSS to style UXML components effortlessly. By converting Tailwind's rem and arbitrary value classes to Unity-supported formats and simplifying class structures, this tool facilitates seamless UI styling for games and apps. This tool automatically monitors changes in UXML, C# and CSS files, triggering CSS regeneration when needed, and can be added globally to reduce the need for manual updates, significantly enhancing workflow efficiency.

Unity's USS (Unity Style Sheets) is more restrictive with selectors compared to standard CSS used by Tailwind. While this integration brings many benefits of Tailwind into Unity, there are key differences, such as the lack of support for certain selectors and the need to adapt class naming conventions (e.g., avoiding / in class names). We highly recommend checking the example code provided to understand how Tailwind classes are applied in Unity and to explore the differences between traditional Tailwind and this Unity-adapted version.

Expand Down

0 comments on commit fd37123

Please sign in to comment.