In-page CSS style adjustment UI
JavaScript CSS Other
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
extension
icon
images
.gitignore
LICENSE.txt
README.md
Rakefile
_project.el
box-examples.css
box-examples.html
box-examples.scss
index.html
index_load.html
style-adjuster-screenshot.png
style.css
style.scss

README.md

Style Adjuster

Style Adjuster is a combination of Javascript, HTML and CSS which can be injected into a web page that you are working on, to provide easy editing of selected CSS style properties.

Functions include:

  • Select from the list of style sheets included into the web page.
  • Select which properties from which rules you wish to edit.
  • Edit selected property values, seeing the results immediately in the web page.
  • Save any changed values as CSS source code, which you can cut and paste to update your CSS source files.

You can try it out at http://pdorrell.github.io/style-adjuster/.

Chrome Extension

Style Adjuster is available as a Google Chrome browser extension at https://chrome.google.com/webstore/detail/style-adjuster/bmnmiidhocohelghddfcfbhojknfclba.