USS variables define values that you can reuse in other USS rules. USS variables are primarily used for themes, with the default Unity themes exposing a long list of standard variables to make your UI more consistent with standard controls.
Create a USS variable in UI BuilderYou can create USS variables in UI Builder. You can also use a text editor to create variables directly in a USS file.
To create a USS variable in UI Builder:
In the StyleSheets panel, do the following:
In the Variables section of the InspectorA Unity window that displays information about the currently selected GameObject, asset or project settings, allowing you to inspect and edit the values. More info
See in Glossary panel, select +. A dropdown list displays the available variable types, such as Color, Number, Dimension, String, Enum, and Resource.
Select the variable type. The type determines the type of value you can assign to the variable. A default name and value are set based on the variable type.
To rename the variable, in the first column field, enter the name. The name can contain only letters, numbers, and hyphens.
To set the value of the variable, in the second column field, enter the value. You can use any valid USS value, including other variables.
USSVariablesCreateTo reorder the variables, drag the variable to a new position. The order of the variables determines the order in which theyâre applied. If you have two variables with the same name, the variable thatâs defined last is used.
To delete a variable, select the variable and then select -. You can delete multiple variables at once.
To save the variable, in the Viewport panel, select File > Save. This saves the variables to the USS file.
Tip: When editing a USS variable, you can click outside the field to finish the edit, or press Enter. To cancel the edit, press Esc.
Assign a USS variable to a style propertyYou can assign a USS variable thatâs in the current theme or any assigned StyleSheets to the current UI Document (UXML) to a style property in UI Builder. When you work on an Editor UI, make sure to enable Editor Extension Authoring to see all available Editor variables.
To assign a variable:
In the StyleSheet panel, select the selector.
In the Inspector panel, right-click a style field.
Select Set Variable. This converts the style field into a text field.
Enter the name of the USS variable. As you type the name of the variable, a dropdown list displays the available variables.
USSVariablesSearchYou can also select a variable from the dropdown list, and check its current value and the StyleSheet asset itâs coming from. Pressing Enter sets the variable and reverts the style field back to its original type.
Tip: For style fields that are already text fields, you can also assign a variable by starting to type --
instead of a number.
You can identify which style fields have a variable assigned by checking if the fieldâs label has a chain icon on the left.
USSVariablesSetTo remove a variable assignment, right-click a style field and select Remove Variable.
Note: Any inline styles set on a style property will override the USS variables.
Additional resourcesRetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4