Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SASS for the CSS produced by the customizer #64

Open
AlchemyUnited opened this issue Oct 4, 2019 · 1 comment
Open

SASS for the CSS produced by the customizer #64

AlchemyUnited opened this issue Oct 4, 2019 · 1 comment

Comments

@AlchemyUnited
Copy link

Hey David - I was thinking more about (a previous issue I added) the customizer setting and my friction points as a designer /developer (as opposed to someone who needs the customizer).

Might there be SASS files for what the customize produces?

For example, currently, if the style guide (formal or informal) I'm working off of has a primary color and that color changes, then I need to find / remember all the place in the customizer it's used. Instead, if there were SASS files, I could update the $primary-color value and it would cascade. Mind you, I get it, I'd have to assign the $variables to the properties (as I would in the customizer), I get that :) But even that for me is easier than driling up and down and around in the customizer. Sometimes I get dizzy from that :)

Funny, this is similar to the discussion about headings and font sizes. Ultimately, I'm using the a layer of abstraction, which can add an extra layer - of confusion? - to the customizer. I think I saw something about a future color pallet feature. Maybe that'll help? But I think I'd still like to have the SASS, if it's avaiilable. Or even just all the CSS the customizer might render. I can reverse engineer the SASS from that, I hope :)

@daviedR
Copy link
Contributor

daviedR commented Oct 10, 2019

Honestly, I had the same thought back then. I called it the "Global Colors" system. So the workflow would be like this:

  • User can add unlimited colors in the "Global Colors", for example:
    • Primary: #ffcc00
    • Secondary: #00ccff
  • And then when customizing the page, e.g. button background color setting, the user will have these choices:
    • Primary
    • Secondary
    • Custom (manual colorpicker)
  • Let's say the user chooses "Primary".
  • Then if we go back to the "Global Colors" settings and change the "Primary" color into #ccff00, then all color options that are set to "Primary" will also change to the new color.

This is my original thought on Color Palette feature. But I found it quite hard to implement, and I'm not sure if people think this workflow easier than the manual one.

So currently the Color Palette only works as a shortcut to choose colors.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants