zesty.io

Product

Use Cases

Integrations

Learn

How do Instance LESS Variables Work

How do Instance LESS Variables Work

#

Plate-Variables describe how the LESS Variables in the CONFIG tab are constructed. It creates placeholder content about how the variables work as well as the type of variables you have access to.

image

How Variables Work

There are a few default variables in each template (there is no limit to how many you can add). The four default variables are dropdown, color, text, and image. These variables help get you started and stay consistent when creating your site.

Github link

Examples

Example Dropdown Variable:

Dropdown are used to give the user a preset of options. This is helpful for things such as font weight and background position.

Example Color Variable

Color variables help you keep a reference to the colors used on your site. This is helpful for keeping a consistent color palette throughout your site.

Example Text Variable

Text variables controls the options for styling related to text. An example would be the visited color for links and setting the curvature for borders.

Example Image Variable

Image variables are default images that come with the template.

Example Font-Picker Variable:

Font-picker is used to select font styling.

Example Font-Weight Variable:

Font-weight specifies the weight or boldness of the font.

Connect with Content Experts

Book a free 15-minute consultation with a content expert. Discuss your application, pain points and requirements. Understand how Zesty's lower total cost of ownership, features, functionality can elevate your business by creating extraordinary digital experiences.

Trusted By

zesty customer logo Sonyzesty customer logo Rocket Leaguezesty customer logo Singlifezesty customer logo Acornszesty customer logo Phoenix Sunszesty customer logo Wattpadzesty customer logo Corner Shopzesty customer logo Bjs

G2 MOMENTUM LEADER

zesty customer logo zesty customer logo zesty customer logo zesty customer logo

Enter your details to connect with a Content Expert

First Name

Last Name

Email

Phone (optional)

Company

Please tell us about your project (optional)