https://github.com/rmaksim/Sublime-Text-2-Goto-CSS-Declaration
Goto CSS declaration in an open \*.css (.less, .sass, .other) file from other file (\*.html, \*.js, \*.other_extantion)
Example
.html
- Code: Select all
<div id="box" class="box"></div>
^
|-cursor
- Code: Select all
$(".box").click(...);
^
|-cursor
Pressing the key `super+right` or `super+left` go to the first CSS declaration of `box` (.class or #id => .box or #box), in this example the id `#box`
- Code: Select all
#box .box-shadow {
background: url(../img/box.jpg);
}
#box-shadow .box-shadow-1 {
box-shadow: 0 0 5px #ff0;
}
.box__inner {
box-shadow: 0 0 5px #f00;
}
and if then press (in CSS file) `super+right` goes to the next CSS declaration of `box`,
in this example the class `.box-shadow`,
- and next => `#box-shadow`,
- and next => `.box-shadow-1`,
- and next => `.box__inner`
also you can press (in CSS file) `super+left` and goes to the previous CSS declaration of `box`.
Default (Linux).sublime-keymap
- Code: Select all
super + right
super + left
Default (Windows).sublime-keymap
- Code: Select all
super + .
super + ,
support for .SASS and .LESS (and .other from goto_css_declaration.sublime-settings)
- Code: Select all
{
"css_files": [".css", ".sass", ".less"]
}
