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.
We recommend using decimals e.g. 1.3 as this makes the line height relate to your font size.
No, there is no way to roll back a Site Studio package import.
Yes, you can use Drupal fields in certain parts of Site Studio.
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.
It depends on the use case. For fields and their field formatters use a 'Field' element, for data without field formatters, use a token.
The style preview may not be updated because the refresh icon hasn't been toggled to the active state.
To use an SCSS variable, enter your chosen variable into the appropriate CSS property.
You can style tables or forms through the use of base or custom styles.
You don’t have to add units unless you want to use a specific unit or you’re adding Custom CSS properties.
You can use CSS grid-based properties within Site Studio by using the custom CSS property option in the style builder.
Unordered list base styles can effect the Drupal admin menu. To resolve this, add modifiers to your base styles and apply styles to those to keep them from affecting your Drupal admin menu.
Use our interactive flexbox demo below to visualise how flex can help you layout your content.
No, you can use any CSS selector within Site Studio.
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.
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.
The breakpoint indicator shows you which breakpoint you're viewing your website at in the bottom left of the browser.
Go to Extend > Uninstall and search for Site Studio Breakpoint indicator.
Opacity is set using a decimal where 0 is transparent, 0.5 is 50% and 1 is solid.
Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.