79 lines
2.6 KiB
Plaintext
79 lines
2.6 KiB
Plaintext
# http://w3.org/Style/CSS
|
|
# ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
|
|
|
|
# Detection
|
|
# ‾‾‾‾‾‾‾‾‾
|
|
|
|
hook global BufCreate .*[.](css) %{
|
|
set buffer filetype css
|
|
}
|
|
|
|
# Highlighters
|
|
# ‾‾‾‾‾‾‾‾‾‾‾‾
|
|
|
|
add-highlighter -group / regions -default selector css \
|
|
declaration [{] [}] '' \
|
|
comment /[*] [*]/ ''
|
|
|
|
add-highlighter -group /css/comment fill comment
|
|
|
|
add-highlighter -group /css/declaration regions content \
|
|
string '"' (?<!\\)(\\\\)*" '' \
|
|
string "'" "'" ''
|
|
|
|
add-highlighter -group /css/declaration/content/string fill string
|
|
|
|
add-highlighter -group /css/declaration regex (#[0-9A-Fa-f]+)|((\d*\.)?\d+(em|px)) 0:value
|
|
add-highlighter -group /css/declaration regex ([A-Za-z][A-Za-z0-9_-]*)\h*: 1:keyword
|
|
add-highlighter -group /css/declaration regex :(before|after) 0:attribute
|
|
add-highlighter -group /css/declaration regex !important 0:keyword
|
|
|
|
# element#id element.class
|
|
# universal selector
|
|
add-highlighter -group /css/selector regex [A-Za-z][A-Za-z0-9_-]* 0:keyword
|
|
add-highlighter -group /css/selector regex [*]|[#.][A-Za-z][A-Za-z0-9_-]* 0:identifier
|
|
|
|
# Commands
|
|
# ‾‾‾‾‾‾‾‾
|
|
|
|
def -hidden _css_filter_around_selections %{
|
|
# remove trailing white spaces
|
|
try %{ exec -draft -itersel <a-x> s \h+$ <ret> d }
|
|
}
|
|
|
|
def -hidden _css_indent_on_new_line %[
|
|
eval -draft -itersel %[
|
|
# preserve previous line indent
|
|
try %[ exec -draft <space> K <a-&> ]
|
|
# filter previous line
|
|
try %[ exec -draft k : _css_filter_around_selections <ret> ]
|
|
# indent after lines ending with with {
|
|
try %[ exec -draft k x <a-k> \{$ <ret> j <a-gt> ]
|
|
]
|
|
]
|
|
|
|
def -hidden _css_indent_on_closing_curly_brace %[
|
|
eval -draft -itersel %[
|
|
# align to opening curly brace when alone on a line
|
|
try %[ exec -draft <a-h> <a-k> ^\h+\}$ <ret> m s \`|.\' <ret> 1<a-&> ]
|
|
]
|
|
]
|
|
|
|
# Initialization
|
|
# ‾‾‾‾‾‾‾‾‾‾‾‾‾‾
|
|
|
|
hook -group css-highlight global WinSetOption filetype=css %{ add-highlighter ref css }
|
|
|
|
hook global WinSetOption filetype=css %[
|
|
hook window InsertEnd .* -group css-hooks _css_filter_around_selections
|
|
hook window InsertChar \n -group css-indent _css_indent_on_new_line
|
|
hook window InsertChar \} -group css-indent _css_indent_on_closing_curly_brace
|
|
]
|
|
|
|
hook -group css-highlight global WinSetOption filetype=(?!css).* %{ remove-highlighter css }
|
|
|
|
hook global WinSetOption filetype=(?!css).* %{
|
|
remove-hooks window css-indent
|
|
remove-hooks window css-hooks
|
|
}
|