Version:

Acquia Cohesion renames to Site Studio from version 6.2. Tell me more.

    Creating style guides

    You can create Style guides to allow specific aspects of your Site Studio styles and templates to be managed from within the Drupal theme settings page (Appearance > Settings > "Theme"). You can think of style guides as theme overrides.

    You can create multiple Style guides to allow you to separate different types of overrides. For example, Layout, Typography, Colors.

    A Style guide is a form. The fields within the form are exposed as Drupal tokens. These token can be used in-place of static values within your Site Studio styles and templates. The values of the tokens will be used when your styles and templates are generated.

    Creating a style guide

    To create a style guide: 

    1. Navigate to Site Studio > Style guides
    2. Click +Add style guide
    3. In the next screen, enter a title for your style guide in the Title field
    4. Click on the + button on the Style guide form builder to access the Style guide fields
    5. Drag a field onto the Style guide form builder


       
    6. Double click the field to open its settings
    7. Give your field a machine name 

      You must enter a machine name in the field settings. The machine is used to generate the Style guide token. It should be something that can be easily identified within the Token browser. For example: heading-1-font-color

    8. Configure any other settings and click Apply
    9. Click Save and continue.

    Give your fields a title that matches your machine name. This makes it easier to locate them when building forms.

    DX8 knowledge base icon

    Frequently asked questions

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket

    Acquia

    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.