FAQs

What is a Site Studio package file?

A Site Studio Package file is a .yml file that contains Site Studio Configuration. The package file allows you to import and export between environments.

What's the difference between mobile first and desktop first?

In mobile first, your styles will inherit upwards from the smallest media query, whereas in desktop first they will inherit down from the largest media query.

What does the breakpoint indicator do?

The breakpoint indicator shows you which breakpoint you're viewing your website at in the bottom left of the browser.

How do I turn off the breakpoint indicator?

Go to Extend > Uninstall and search for Site Studio Breakpoint indicator.

What’s the best value to use with Line heights?

We recommend using decimals e.g. 1.3 as this makes the line height relate to your font size.

Can I roll back a Site Studio package import?

No, there is no way to roll back a Site Studio package import.

Can I use my own SCSS variables in Site Studio?

No, you cannot use SCSS variables in your codebase inside the Site Studio interface.

What is Site Studio Sync?

With Site Studio Sync you can export Site Studio configuration in full or in part as a package that can be imported into a different website.

How do I use an SCSS variable in my styles?

To use an SCSS variable, enter your chosen variable into the appropriate CSS property.

What units do I add after a value in the Style builder?

You don’t have to add units unless you want to use a specific unit or you’re adding Custom CSS properties.