Switch branches/tags
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
readme.html
version0_2.png
version0_3.png

readme.html

<h1>chrass</h1>
<h2>Change Log</h2>
<h2>Version 0.3.2</h2>
<p>Improvements: If multiple class are matched for an element, show one per line.</p>
<h2>Version 0.3.1</h2>
<p>Fixed a bug when a style contains a quote ("). The quote would throw the JSON
object created to contain the stylesheets descriptor.</p>
<p>Also added better error handling and incorporated suggestions provided by
JSLint.</p>
<h2>Version 0.3</h2>
<p>This release makes the sidebar to display the sass debug information when an
item using sass is selected.</p>
<p>The displayed data is synthesized from the filename and the matching
line number. Only the actual file name is displayed though the sass data
includes the full path.</p>
<p><img alt="Screenshot" src="https://github.com/hzlf/chrass/raw/master/docs/version0_3.png" /></p>
<p><strong> Note: </strong> Due to the security restrictions on Chrome the extension will work
only on html files served remotely. This is the same issue that affects Firebug
lite described <img alt="here" src="http://getfirebug.com/wiki/index.php/Firebug_Lite_FAQ#It_doesn.27t_work_on_local_pages" /></p>
<h2>Version 0.2</h2>
<p>This release provides a sidebar that interacts with the elements tree.</p>
<p>If the page has sass debug info, a sidebar in the developer tools will appear.
The elements tree is scanned and if the user selects an element with sass data
it will show the filename and line number for that element.</p>
<p>This is shown in the screenshot below</p>
<p><img alt="Screenshot" src="https://github.com/hzlf/chrass/raw/master/docs/version0_2.png" /></p>
<p>Support is still fairly limited but should be able to detect the basic case of an element with a sass class.</p>
<p>Note that the file address are stored as absolute paths by sass.</p>
<h2>Version 0.1</h2>
<p>This is the initial release. The extension works when the developer tools are opened. It reads the page, searches for stylesheets and tries to determine if the css contains sass debug info.</p>
<p>If the stylesheets are generated with sass a static page is added to the Saas sidebar. The sidebar only exist if pages have the sass debug info.</p>
<p>For a test page go to http://ketalo.com/chromesass/test.html</p>