What are style guides?
Style guides provide site builders with the tools to create theme-specific settings which affect the style and layout of a website.
Style guides provide site builders with the tools to create theme-specific settings which affect the style and layout of a website.
Yes. You can use style guides to create theme-specific styles.
The 'Edited' tag shows that the value of the field has been edited.
To create style guides go to Site Studio > Style guides
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 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.
You can only add combinators to child selectors. Add a child selector and combinator will appear in the Style tree.
No, you can use any CSS selector within Site Studio.
Google maps may not be showing if you have not set a Google maps API key.
You don't. You apply a Descendant selector. These use a (Space).
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.
Not yet. The Style builder does not have the option to add an animation name or key frames. This is planned functionality on our road map.
Modifiers allow you to apply styles to an element when a specific class, id or attribute is present.
Yes. As long as you are using the Site Studio text format you will see two new menus ‘Element styles’ and ‘Inline styles’. Use these to apply custom styles.
The WYSIWYG (ckeditor) adds a paragraph tag around the text within the block quote. This causes it to inherit the text size of your paragraph base style.
Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.