1" Vim completion script 2" Language: CSS 2.1 3" Maintainer: Mikolaj Machowski ( mikmach AT wp DOT pl ) 4" Last Change: 2007 Mar 11 5 6function! csscomplete#CompleteCSS(findstart, base) 7 8if a:findstart 9 " We need whole line to proper checking 10 let line = getline('.') 11 let start = col('.') - 1 12 let compl_begin = col('.') - 2 13 while start >= 0 && line[start - 1] =~ '\%(\k\|-\)' 14 let start -= 1 15 endwhile 16 let b:compl_context = getline('.')[0:compl_begin] 17 return start 18endif 19 20" There are few chars important for context: 21" ^ ; : { } /* */ 22" Where ^ is start of line and /* */ are comment borders 23" Depending on their relative position to cursor we will know what should 24" be completed. 25" 1. if nearest are ^ or { or ; current word is property 26" 2. if : it is value (with exception of pseudo things) 27" 3. if } we are outside of css definitions 28" 4. for comments ignoring is be the easiest but assume they are the same 29" as 1. 30" 5. if @ complete at-rule 31" 6. if ! complete important 32if exists("b:compl_context") 33 let line = b:compl_context 34 unlet! b:compl_context 35else 36 let line = a:base 37endif 38 39let res = [] 40let res2 = [] 41let borders = {} 42 43" Check last occurrence of sequence 44 45let openbrace = strridx(line, '{') 46let closebrace = strridx(line, '}') 47let colon = strridx(line, ':') 48let semicolon = strridx(line, ';') 49let opencomm = strridx(line, '/*') 50let closecomm = strridx(line, '*/') 51let style = strridx(line, 'style\s*=') 52let atrule = strridx(line, '@') 53let exclam = strridx(line, '!') 54 55if openbrace > -1 56 let borders[openbrace] = "openbrace" 57endif 58if closebrace > -1 59 let borders[closebrace] = "closebrace" 60endif 61if colon > -1 62 let borders[colon] = "colon" 63endif 64if semicolon > -1 65 let borders[semicolon] = "semicolon" 66endif 67if opencomm > -1 68 let borders[opencomm] = "opencomm" 69endif 70if closecomm > -1 71 let borders[closecomm] = "closecomm" 72endif 73if style > -1 74 let borders[style] = "style" 75endif 76if atrule > -1 77 let borders[atrule] = "atrule" 78endif 79if exclam > -1 80 let borders[exclam] = "exclam" 81endif 82 83 84if len(borders) == 0 || borders[max(keys(borders))] =~ '^\%(openbrace\|semicolon\|opencomm\|closecomm\|style\)$' 85 " Complete properties 86 87 let values = split("azimuth background background-attachment background-color background-image background-position background-repeat border bottom border-collapse border-color border-spacing border-style border-top border-right border-bottom border-left border-top-color border-right-color border-bottom-color border-left-color border-top-style border-right-style border-bottom-style border-left-style border-top-width border-right-width border-bottom-width border-left-width border-width caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor display direction elevation empty-cells float font font-family font-size font-style font-variant font-weight height left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-right margin-left margin-top margin-bottom max-height max-width min-height min-width orphans outline outline-color outline-style outline-width overflow padding padding-top padding-right padding-bottom padding-left page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes right richness speak speak-header speak-numeral speak-punctuation speech-rate stress table-layout text-align text-decoration text-indent text-transform top unicode-bidi vertical-align visibility voice-family volume white-space width widows word-spacing z-index") 88 89 let entered_property = matchstr(line, '.\{-}\zs[a-zA-Z-]*$') 90 91 for m in values 92 if m =~? '^'.entered_property 93 call add(res, m . ':') 94 elseif m =~? entered_property 95 call add(res2, m . ':') 96 endif 97 endfor 98 99 return res + res2 100 101elseif borders[max(keys(borders))] == 'colon' 102 " Get name of property 103 let prop = tolower(matchstr(line, '\zs[a-zA-Z-]*\ze\s*:[^:]\{-}$')) 104 105 if prop == 'azimuth' 106 let values = ["left-side", "far-left", "left", "center-left", "center", "center-right", "right", "far-right", "right-side", "behind", "leftwards", "rightwards"] 107 elseif prop == 'background-attachment' 108 let values = ["scroll", "fixed"] 109 elseif prop == 'background-color' 110 let values = ["transparent", "rgb(", "#"] 111 elseif prop == 'background-image' 112 let values = ["url(", "none"] 113 elseif prop == 'background-position' 114 let vals = matchstr(line, '.*:\s*\zs.*') 115 if vals =~ '^\%([a-zA-Z]\+\)\?$' 116 let values = ["top", "center", "bottom"] 117 elseif vals =~ '^[a-zA-Z]\+\s\+\%([a-zA-Z]\+\)\?$' 118 let values = ["left", "center", "right"] 119 else 120 return [] 121 endif 122 elseif prop == 'background-repeat' 123 let values = ["repeat", "repeat-x", "repeat-y", "no-repeat"] 124 elseif prop == 'background' 125 let values = ["url(", "scroll", "fixed", "transparent", "rgb(", "#", "none", "top", "center", "bottom" , "left", "right", "repeat", "repeat-x", "repeat-y", "no-repeat"] 126 elseif prop == 'border-collapse' 127 let values = ["collapse", "separate"] 128 elseif prop == 'border-color' 129 let values = ["rgb(", "#", "transparent"] 130 elseif prop == 'border-spacing' 131 return [] 132 elseif prop == 'border-style' 133 let values = ["none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset"] 134 elseif prop =~ 'border-\%(top\|right\|bottom\|left\)$' 135 let vals = matchstr(line, '.*:\s*\zs.*') 136 if vals =~ '^\%([a-zA-Z0-9.]\+\)\?$' 137 let values = ["thin", "thick", "medium"] 138 elseif vals =~ '^[a-zA-Z0-9.]\+\s\+\%([a-zA-Z]\+\)\?$' 139 let values = ["none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset"] 140 elseif vals =~ '^[a-zA-Z0-9.]\+\s\+[a-zA-Z]\+\s\+\%([a-zA-Z(]\+\)\?$' 141 let values = ["rgb(", "#", "transparent"] 142 else 143 return [] 144 endif 145 elseif prop =~ 'border-\%(top\|right\|bottom\|left\)-color' 146 let values = ["rgb(", "#", "transparent"] 147 elseif prop =~ 'border-\%(top\|right\|bottom\|left\)-style' 148 let values = ["none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset"] 149 elseif prop =~ 'border-\%(top\|right\|bottom\|left\)-width' 150 let values = ["thin", "thick", "medium"] 151 elseif prop == 'border-width' 152 let values = ["thin", "thick", "medium"] 153 elseif prop == 'border' 154 let vals = matchstr(line, '.*:\s*\zs.*') 155 if vals =~ '^\%([a-zA-Z0-9.]\+\)\?$' 156 let values = ["thin", "thick", "medium"] 157 elseif vals =~ '^[a-zA-Z0-9.]\+\s\+\%([a-zA-Z]\+\)\?$' 158 let values = ["none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset"] 159 elseif vals =~ '^[a-zA-Z0-9.]\+\s\+[a-zA-Z]\+\s\+\%([a-zA-Z(]\+\)\?$' 160 let values = ["rgb(", "#", "transparent"] 161 else 162 return [] 163 endif 164 elseif prop == 'bottom' 165 let values = ["auto"] 166 elseif prop == 'caption-side' 167 let values = ["top", "bottom"] 168 elseif prop == 'clear' 169 let values = ["none", "left", "right", "both"] 170 elseif prop == 'clip' 171 let values = ["auto", "rect("] 172 elseif prop == 'color' 173 let values = ["rgb(", "#"] 174 elseif prop == 'content' 175 let values = ["normal", "attr(", "open-quote", "close-quote", "no-open-quote", "no-close-quote"] 176 elseif prop =~ 'counter-\%(increment\|reset\)$' 177 let values = ["none"] 178 elseif prop =~ '^\%(cue-after\|cue-before\|cue\)$' 179 let values = ["url(", "none"] 180 elseif prop == 'cursor' 181 let values = ["url(", "auto", "crosshair", "default", "pointer", "move", "e-resize", "ne-resize", "nw-resize", "n-resize", "se-resize", "sw-resize", "s-resize", "w-resize", "text", "wait", "help", "progress"] 182 elseif prop == 'direction' 183 let values = ["ltr", "rtl"] 184 elseif prop == 'display' 185 let values = ["inline", "block", "list-item", "run-in", "inline-block", "table", "inline-table", "table-row-group", "table-header-group", "table-footer-group", "table-row", "table-column-group", "table-column", "table-cell", "table-caption", "none"] 186 elseif prop == 'elevation' 187 let values = ["below", "level", "above", "higher", "lower"] 188 elseif prop == 'empty-cells' 189 let values = ["show", "hide"] 190 elseif prop == 'float' 191 let values = ["left", "right", "none"] 192 elseif prop == 'font-family' 193 let values = ["sans-serif", "serif", "monospace", "cursive", "fantasy"] 194 elseif prop == 'font-size' 195 let values = ["xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "larger", "smaller"] 196 elseif prop == 'font-style' 197 let values = ["normal", "italic", "oblique"] 198 elseif prop == 'font-variant' 199 let values = ["normal", "small-caps"] 200 elseif prop == 'font-weight' 201 let values = ["normal", "bold", "bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", "900"] 202 elseif prop == 'font' 203 let values = ["normal", "italic", "oblique", "small-caps", "bold", "bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", "900", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "larger", "smaller", "sans-serif", "serif", "monospace", "cursive", "fantasy", "caption", "icon", "menu", "message-box", "small-caption", "status-bar"] 204 elseif prop =~ '^\%(height\|width\)$' 205 let values = ["auto"] 206 elseif prop =~ '^\%(left\|rigth\)$' 207 let values = ["auto"] 208 elseif prop == 'letter-spacing' 209 let values = ["normal"] 210 elseif prop == 'line-height' 211 let values = ["normal"] 212 elseif prop == 'list-style-image' 213 let values = ["url(", "none"] 214 elseif prop == 'list-style-position' 215 let values = ["inside", "outside"] 216 elseif prop == 'list-style-type' 217 let values = ["disc", "circle", "square", "decimal", "decimal-leading-zero", "lower-roman", "upper-roman", "lower-latin", "upper-latin", "none"] 218 elseif prop == 'list-style' 219 return [] 220 elseif prop == 'margin' 221 let values = ["auto"] 222 elseif prop =~ 'margin-\%(right\|left\|top\|bottom\)$' 223 let values = ["auto"] 224 elseif prop == 'max-height' 225 let values = ["auto"] 226 elseif prop == 'max-width' 227 let values = ["none"] 228 elseif prop == 'min-height' 229 let values = ["none"] 230 elseif prop == 'min-width' 231 let values = ["none"] 232 elseif prop == 'orphans' 233 return [] 234 elseif prop == 'outline-color' 235 let values = ["rgb(", "#"] 236 elseif prop == 'outline-style' 237 let values = ["none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset"] 238 elseif prop == 'outline-width' 239 let values = ["thin", "thick", "medium"] 240 elseif prop == 'outline' 241 let vals = matchstr(line, '.*:\s*\zs.*') 242 if vals =~ '^\%([a-zA-Z0-9,()#]\+\)\?$' 243 let values = ["rgb(", "#"] 244 elseif vals =~ '^[a-zA-Z0-9,()#]\+\s\+\%([a-zA-Z]\+\)\?$' 245 let values = ["none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset"] 246 elseif vals =~ '^[a-zA-Z0-9,()#]\+\s\+[a-zA-Z]\+\s\+\%([a-zA-Z(]\+\)\?$' 247 let values = ["thin", "thick", "medium"] 248 else 249 return [] 250 endif 251 elseif prop == 'overflow' 252 let values = ["visible", "hidden", "scroll", "auto"] 253 elseif prop == 'padding' 254 return [] 255 elseif prop =~ 'padding-\%(top\|right\|bottom\|left\)$' 256 return [] 257 elseif prop =~ 'page-break-\%(after\|before\)$' 258 let values = ["auto", "always", "avoid", "left", "right"] 259 elseif prop == 'page-break-inside' 260 let values = ["auto", "avoid"] 261 elseif prop =~ 'pause-\%(after\|before\)$' 262 return [] 263 elseif prop == 'pause' 264 return [] 265 elseif prop == 'pitch-range' 266 return [] 267 elseif prop == 'pitch' 268 let values = ["x-low", "low", "medium", "high", "x-high"] 269 elseif prop == 'play-during' 270 let values = ["url(", "mix", "repeat", "auto", "none"] 271 elseif prop == 'position' 272 let values = ["static", "relative", "absolute", "fixed"] 273 elseif prop == 'quotes' 274 let values = ["none"] 275 elseif prop == 'richness' 276 return [] 277 elseif prop == 'speak-header' 278 let values = ["once", "always"] 279 elseif prop == 'speak-numeral' 280 let values = ["digits", "continuous"] 281 elseif prop == 'speak-punctuation' 282 let values = ["code", "none"] 283 elseif prop == 'speak' 284 let values = ["normal", "none", "spell-out"] 285 elseif prop == 'speech-rate' 286 let values = ["x-slow", "slow", "medium", "fast", "x-fast", "faster", "slower"] 287 elseif prop == 'stress' 288 return [] 289 elseif prop == 'table-layout' 290 let values = ["auto", "fixed"] 291 elseif prop == 'text-align' 292 let values = ["left", "right", "center", "justify"] 293 elseif prop == 'text-decoration' 294 let values = ["none", "underline", "overline", "line-through", "blink"] 295 elseif prop == 'text-indent' 296 return [] 297 elseif prop == 'text-transform' 298 let values = ["capitalize", "uppercase", "lowercase", "none"] 299 elseif prop == 'top' 300 let values = ["auto"] 301 elseif prop == 'unicode-bidi' 302 let values = ["normal", "embed", "bidi-override"] 303 elseif prop == 'vertical-align' 304 let values = ["baseline", "sub", "super", "top", "text-top", "middle", "bottom", "text-bottom"] 305 elseif prop == 'visibility' 306 let values = ["visible", "hidden", "collapse"] 307 elseif prop == 'voice-family' 308 return [] 309 elseif prop == 'volume' 310 let values = ["silent", "x-soft", "soft", "medium", "loud", "x-loud"] 311 elseif prop == 'white-space' 312 let values = ["normal", "pre", "nowrap", "pre-wrap", "pre-line"] 313 elseif prop == 'widows' 314 return [] 315 elseif prop == 'word-spacing' 316 let values = ["normal"] 317 elseif prop == 'z-index' 318 let values = ["auto"] 319 else 320 " If no property match it is possible we are outside of {} and 321 " trying to complete pseudo-(class|element) 322 let element = tolower(matchstr(line, '\zs[a-zA-Z1-6]*\ze:[^:[:space:]]\{-}$')) 323 if stridx(',a,abbr,acronym,address,area,b,base,bdo,big,blockquote,body,br,button,caption,cite,code,col,colgroup,dd,del,dfn,div,dl,dt,em,fieldset,form,head,h1,h2,h3,h4,h5,h6,hr,html,i,img,input,ins,kbd,label,legend,li,link,map,meta,noscript,object,ol,optgroup,option,p,param,pre,q,samp,script,select,small,span,strong,style,sub,sup,table,tbody,td,textarea,tfoot,th,thead,title,tr,tt,ul,var,', ','.element.',') > -1 324 let values = ["first-child", "link", "visited", "hover", "active", "focus", "lang", "first-line", "first-letter", "before", "after"] 325 else 326 return [] 327 endif 328 endif 329 330 " Complete values 331 let entered_value = matchstr(line, '.\{-}\zs[a-zA-Z0-9#,.(_-]*$') 332 333 for m in values 334 if m =~? '^'.entered_value 335 call add(res, m) 336 elseif m =~? entered_value 337 call add(res2, m) 338 endif 339 endfor 340 341 return res + res2 342 343elseif borders[max(keys(borders))] == 'closebrace' 344 345 return [] 346 347elseif borders[max(keys(borders))] == 'exclam' 348 349 " Complete values 350 let entered_imp = matchstr(line, '.\{-}!\s*\zs[a-zA-Z ]*$') 351 352 let values = ["important"] 353 354 for m in values 355 if m =~? '^'.entered_imp 356 call add(res, m) 357 endif 358 endfor 359 360 return res 361 362elseif borders[max(keys(borders))] == 'atrule' 363 364 let afterat = matchstr(line, '.*@\zs.*') 365 366 if afterat =~ '\s' 367 368 let atrulename = matchstr(line, '.*@\zs[a-zA-Z-]\+\ze') 369 370 if atrulename == 'media' 371 let values = ["screen", "tty", "tv", "projection", "handheld", "print", "braille", "aural", "all"] 372 373 let atruleafterbase = matchstr(line, '.*@media\s\+\ze.*$') 374 let entered_atruleafter = matchstr(line, '.*@media\s\+\zs.*$') 375 376 elseif atrulename == 'import' 377 let atruleafterbase = matchstr(line, '.*@import\s\+\ze.*$') 378 let entered_atruleafter = matchstr(line, '.*@import\s\+\zs.*$') 379 380 if entered_atruleafter =~ "^[\"']" 381 let filestart = matchstr(entered_atruleafter, '^.\zs.*') 382 let files = split(glob(filestart.'*'), '\n') 383 let values = map(copy(files), '"\"".v:val') 384 385 elseif entered_atruleafter =~ "^url(" 386 let filestart = matchstr(entered_atruleafter, "^url([\"']\\?\\zs.*") 387 let files = split(glob(filestart.'*'), '\n') 388 let values = map(copy(files), '"url(".v:val') 389 390 else 391 let values = ['"', 'url('] 392 393 endif 394 395 else 396 return [] 397 398 endif 399 400 for m in values 401 if m =~? '^'.entered_atruleafter 402 call add(res, m) 403 elseif m =~? entered_atruleafter 404 call add(res2, m) 405 endif 406 endfor 407 408 return res + res2 409 410 endif 411 412 let values = ["charset", "page", "media", "import", "font-face"] 413 414 let entered_atrule = matchstr(line, '.*@\zs[a-zA-Z-]*$') 415 416 for m in values 417 if m =~? '^'.entered_atrule 418 call add(res, m .' ') 419 elseif m =~? entered_atrule 420 call add(res2, m .' ') 421 endif 422 endfor 423 424 return res + res2 425 426endif 427 428return [] 429 430endfunction 431