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