Global CSS variables extension

epicmaxco / vuestic-ui

Vuestic UI is an open-source Vue 3 component library designed for rapid development, easy maintenance, and high accessibility. Maintained by Epicmax (@epicmaxco).

https://vuestic.dev

MIT License

3.52k stars 341 forks source link

Global CSS variables extension #680

Open untael opened 3 years ago

untael commented 3 years ago

We should have following global CSS vars:

[ ] --va-box-shadow
[ ] --va-font-weight
[ ] --va-border-radius

PS: should be extended

m0ksem commented 3 years ago

According to https://github.com/epicmaxco/vuestic-ui/issues/720 we also need global CSS for border-width.

asvae commented 2 years ago

@m0ksem Maybe we can introduce something like a customization layers/pyramid? As a recommended way to customize vuestic.

config (services config)
  config (default props)
    global-css-variables
      local-css-variables
        bem overrides

asvae commented 2 years ago

Needs more planning. Ideally in context of this issue we want to have a list of all possible global variables.

Then mark the ones we're going to implement.