Remove variable mode on a style

`style.removeVariableMode(collection, options)`

Remove a variable mode from a style, by using the variable collection that belongs to the variable mode.

Syntax

1 style.removeVariableMode(
2   collection: {{VARIABLE_COLLECTION}},
3   options?: {
4     breakpointId?: {{BREAKPOINT_ID}},
5     pseudoStateKey?: {{PSEUDO_STATE_KEY}}
6   }
7 ): Promise<null>;

Parameters

collection: VariableCollection - The variable collection that belongs to the variable mode.
options?: BreakpointAndPseudo - The breakpoint and pseudo state for the style.

Returns

Promise<null>

A Promise that resolves to null.

Example

1 // Get Selected Element
2 const selectedElement = await webflow.getSelectedElement()
3 
4 if (selectedElement?.styles) {
5 // Get Styles
6 const styles = await selectedElement.getStyles()
7 const primaryStyle = styles[0] // Get the primary style
8 
9 await primaryStyle?.removeVariableMode(variableCollection)
10 }

Try this example

Designer Ability

Designer Ability	Locale	Branch	Workflow	Sitemode
canModifyStyleBlocks	Any	Any	Canvas	Design

1	style.removeVariableMode(
2	collection: {{VARIABLE_COLLECTION}},
3	options?: {
4	breakpointId?: {{BREAKPOINT_ID}},
5	pseudoStateKey?: {{PSEUDO_STATE_KEY}}
6	}
7	): Promise<null>;

1	// Get Selected Element
2	const selectedElement = await webflow.getSelectedElement()
3
4	if (selectedElement?.styles) {
5	// Get Styles
6	const styles = await selectedElement.getStyles()
7	const primaryStyle = styles[0] // Get the primary style
8
9	await primaryStyle?.removeVariableMode(variableCollection)
10	}