https://github.com/timetask/buenavista
Phoenix Component Design System
https://github.com/timetask/buenavista
component css elixir liveview phoenix theme
Last synced: about 1 month ago
JSON representation
Phoenix Component Design System
- Host: GitHub
- URL: https://github.com/timetask/buenavista
- Owner: timetask
- License: mit
- Created: 2022-08-31T13:57:14.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-10-24T20:08:32.000Z (over 2 years ago)
- Last Synced: 2025-10-21T15:56:32.486Z (8 months ago)
- Topics: component, css, elixir, liveview, phoenix, theme
- Language: Elixir
- Homepage: https://buenavista.dev
- Size: 467 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
```
〰 〰
〰
██████ ██ ██ ███████ ███ ██ █████ ██ ██ ██ ███████ ████████ █████
██ ██ ██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ 〰
██████ ██ ██ █████ ██ ██ ██ ███████ ██ ██ ██ ███████ ██ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██████ ██████ ███████ ██ ████ ██ ██ ████ ██ ███████ ██ ██ ██
〰 - Phoenix Component Design System -
〜 〜〜 ⏅ 〜〜 〜〜 〜〜 〜〜 〜〜 〜〜 〜〜 〜〜 〜〜
〜 〜 〜 〜 〜 〜 ⏅ 〜 〜
〜 ⏅ 〜〜 ⏅ 〜 〜 ⏅ 〜〜〜 〜〜〜 〜〜〜 〜〜〜 〜〜〜 〜〜〜 〜〜〜 〜〜
〜 〜〜 〜〜〜 〜〜〜 〜〜 〜 〜〜〜 〜 〜 〜〜 〜〜〜 〜 〜 〜〜 〜〜〜 〜〜
〜 〜〜 〜〜〜〜 〜〜 〜〜 〜〜〜〜〜〜 〜〜〜 〜〜〜 〜〜〜 〜〜〜〜 〜〜 〜〜〜〜〜 〜〜〜 〜〜 〜〜〜〜〜
〜〜〜〜〜 〜〜〜〜〜〜〜 〜〜〜 〜〜〜〜〜〜〜 〜〜〜〜〜〜〜 〜〜〜 〜〜〜〜〜〜〜 〜〜〜〜〜〜 〜〜〜〜〜〜 〜〜
```
### Road to public release
## BuenaVista
### Important
- [x] Allow `$variable` format in ~CSS.
- [x] Allow `$component__other` format in ~CSS
- [x] Update style macro params
- [x] Add attributes and slots to component definition
- [ ] Add css imports
- [ ] Add global css macro
- [ ] Mix: `mix.gen.reloader`
### Not important
- [ ] Add super equivalent ($super?) call for hydrators.
- [ ] Support comma separated scope definition
- [ ] Remove break list when ~CSS element is a scope.
## Galeria
### Important
- [ ] Render Live Preview in isolation
- [ ] Editor: Listen to codearea changes
- [ ] Editor: Show/Hide save button
- [ ] Editor: Display codearea status (first & editable)
- [ ] Editor: Regenerate hydrator on save
- [ ] Editor: Handle hydrator regeneration
- [ ] Config: Add component macro
- [ ] Config: Add composition macro
- [ ] Config: Auto generate galeria config
- [ ] Config: Reload on config changes
### Not important
- [ ] Allow access to a particular variant css class.
### Inspiration
https://github.com/benvp/ex_cva
https://www.openmymind.net/Elixir-Which-Modules-Use-My-Module/
https://blixtdev.com/dont-do-this-object-oriented-inheritance-in-elixir-with-macros/