Reload CSS

With the shortcut ⌥ r you can quickly reload all the CSS in a page without refreshing the entire page. You will also find this option by right-clicking the reload button.

This is ideal when you're iterating on styles and want to see your changes without losing any JavaScript state. Think of things like an open modal, a partially filled form, or a specific scroll position.

Note that this reloads all external stylesheets. Inline <style> blocks and style attributes are not affected.

Automate it with live reloading

Instead of manually reloading the CSS, you can use live reloading to have Polypane watch your file system and reload CSS automatically on every save, also without a full page refresh.

See also

• Live/auto reloading to automatically reload CSS (or the page) on file changes
• Snippets to inject CSS into the page without modifying your source files
• Debug tools to disable all CSS and test your page structure