f1d51b8cc8
- Foldable left panel (user profile) and right panel (task details) - Clicking a task in the list or graph node selects it and shows details - Both views (task list + graph) always mounted via absolute inset-0 for correct canvas dimensions; tabs toggle visibility with opacity - Graph node selection animation: other nodes repel outward (charge -600), then selected node smoothly slides to center (500ms cubic ease-out), then charge restores to -120 and graph stabilizes - Graph re-fits on tab switch and panel resize via ResizeObserver - Fix UUID string IDs throughout (backend returns UUIDs, not integers) - Add TaskDetailPanel, UserPanel components - Add CLAUDE.md project documentation Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
28 lines
870 B
Markdown
28 lines
870 B
Markdown
# camelcase-css [![NPM Version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url]
|
|
|
|
> Convert a kebab-cased CSS property into a camelCased DOM property.
|
|
|
|
|
|
## Installation
|
|
[Node.js](http://nodejs.org/) `>= 6` is required. Type this at the command line:
|
|
```shell
|
|
npm install camelcase-css
|
|
```
|
|
|
|
|
|
## Usage
|
|
```js
|
|
const camelCaseCSS = require('camelcase-css');
|
|
|
|
camelCaseCSS('-webkit-border-radius'); //-> WebkitBorderRadius
|
|
camelCaseCSS('-moz-border-radius'); //-> MozBorderRadius
|
|
camelCaseCSS('-ms-border-radius'); //-> msBorderRadius
|
|
camelCaseCSS('border-radius'); //-> borderRadius
|
|
```
|
|
|
|
|
|
[npm-image]: https://img.shields.io/npm/v/camelcase-css.svg
|
|
[npm-url]: https://npmjs.org/package/camelcase-css
|
|
[travis-image]: https://img.shields.io/travis/stevenvachon/camelcase-css.svg
|
|
[travis-url]: https://travis-ci.org/stevenvachon/camelcase-css
|