Add to CSS Variables

Styling (CSS)
1

Hello, how do I add to the new CSS Variables available in the new exclamation point UX button?:
image

2

Hi @jonroc,
The CSS variables item in the new exclamation point context menu is for accessing any variables defined in your stylesheets. So, I believe the list that you are seeing is coming from a modified Bootstrap project. To add additional items to the list you need to place any new variables onto your stylesheet with the code editor. For example:

image
image1984×742 72 KB

With the code editor I added a new variable to the :root element. Now it is available to select in the context menu.
Hope this helps,
Bob

3

Quick question: what is this exlemation context menu you’re talking about? And where/how do I access this feature? I googled it, couldn’t find anything

4

Hi, it’s in the newer version of PG in the CSS style UI on the far right of each element.

0087
0087392×522 23 KB

I was confused b/c I was adding SCSS variables but for the custom colors to show up you have to add CSS variables.

1 Like