0
Welcome Guest! Login
0 items Join Now

SOLVED Referring to Accent Colors

    • SWBouton's Avatar
    • SWBouton
    • Rocketeer
    • Posts: 68
    • Thanks: 0

    SOLVED Referring to Accent Colors

    Posted 6 years 8 months ago
    • Is there a way to refer to template style accent colors in a custom HTML block so the colors in the block change when the accent colors change?
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 20638
    • Thanks: 2932
    • messin' with stuff

    Re: SOLVED Referring to Accent Colors

    Posted 6 years 8 months ago
    • You could probably build some custom.scss for it...

      like "use-accent-1" or something...
      .use-accent-1 {
        color: $accent-color-1;
      }

      //you can probably guess what the 2nd accent color field is mapped to ;)

      then in your custom html you'd call the class like <p class="use-accent-1">...</p>

      ... I'm not great with .scss but since we're already importing/loading that variable I don't *think* you need to do anything else...

      custom.scss file: docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet

      :)
    • Last Edit: 6 years 8 months ago by Matt.
    • The following users have thanked you: SWBouton

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics :woohoo:
    • SWBouton's Avatar
    • SWBouton
    • Rocketeer
    • Posts: 68
    • Thanks: 0

    Re: SOLVED Referring to Accent Colors

    Posted 6 years 8 months ago
    • Matt, this is exacly what I needed to know. Thank you very much. Steve

Time to create page: 0.088 seconds