## Requirements - 'cssediting' feature activated in user profile ## Usage An external or embedded grid stylesheet should aim to format specific cell types and/or single cells. ### Cell types You can address cell types by using selectors like `.cell-type-annotation-list`. ### Single cells In the grid editor use the cell's context menu to assign a styleClass like `cell-mysuperspecialcell` (no dot!), then access it in the stylesheet via this selector. ## Development During development, add an external stylesheet to a map on it's edit page with the value like `http://localhost:9080/mygridname-styles.css`. Then on your machine install [static-server](https://www.npmjs.com/package/static-server), if needed: ```bash npm i -g static-server ``` Create and serve a stylesheet: ```bash mkdir mycssfiles touch mycssfiles/mygridname-styles.css static-server mycssfiles ``` Reload the grid view to see the changes. ## Deployment When the stylesheet is complete, you can upload it at [Documents](https://app.motionbank.org/documents/list) and change the URL for the map.