- Open the Sass file containing the variable you want to expose.
- Create an inline comment (
//) or a block comment (/* ... */) immediately following the variable declaration.You can use either comment method. For example:$sc-primary-color: red; //Copy$sc-primary-color: red; /* */Copy - Use the
editable()function within your comment tags to declare the variable as editable. - Save the file.
If you are creating a new Sass file, you must declare the file within the theme’s manifest file and in the appropriate application entry point.
For example, you can define and declare a Sass variable that works in Checkout only. You add the containing Sass file to the theme manifest and the Checkout entry point. Later, when viewing your theme in the SMT Theme Skin Manager, your variable only appears in the SMT user interface when navigating to Checkout. If you want your variable to appear in multiple applications, you must declare the new file within each. Limiting global definitions to the BaseSassStyles module helps ensure the functionality of global variables.
- Repeat this procedure for every variable you want to expose.