search

dzhavat / css-flexbox-cheatsheet

VS Code extension that lets you open a CSS Flexbox cheatsheet directly in the editor.
https://marketplace.visualstudio.com/items?itemName=dzhavat.css-flexbox-cheatsheet
MIT License
101 stars 12 forks source link

Idea: Make the cheatsheet more interactive #17

Closed dzhavat closed 3 years ago

dzhavat commented 4 years ago

Instead of static images for each value, there can be buttons that will apply the selected value to a set of boxes and you’ll be able to see how it affects them.

Example: https://yoksel.github.io/flex-cheatsheet/#section-flex-direction

dzhavat commented 4 years ago

Quick PoC using Angular: https://stackblitz.com/edit/angular-ivy-xixqkv

dzhavat commented 3 years ago

I released a first iteration of this in v3.0.0.