├── PlaceholderThemes
    └── CSS3.css
├── Languages.xml
├── Contents
    └── Info.plist
├── TextActions
    └── Snippets.xml
├── README.markdown
├── license
├── CodeSenseProviders
    └── CSS3.xml
├── Syntaxes
    └── CSS3.xml
└── CodeSenseLibraries
    └── CSS3.xml


/PlaceholderThemes/CSS3.css:
--------------------------------------------------------------------------------
1 | /*
2 | 	@theme CSS Placeholder
3 | 	@placeholder css
4 | */
5 | 
6 | 
7 | css.id.selector { color: #fc9218; }
8 | css.class.selector { color: #ff509d; }
9 | css.pseudo.class.selector { color: #97b66f; }


--------------------------------------------------------------------------------
/Languages.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <settings>
 3 | 	<meta>
 4 | 		<name>CSS3.sugar</name>
 5 | 		<description>CSS3 properties</description>
 6 | 		<author>Maurice Kühlborn</author>
 7 | 		<identifier>de.minimalweb.Sugar.CSS3</identifier>
 8 | 		<version status="release">0.1</version>
 9 | 		<download format="git">git://github.com/minimalweb/CSS3.sugar.git</download>
10 | 	</meta>
11 | </settings>


--------------------------------------------------------------------------------
/Contents/Info.plist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 3 | <plist version="1.0">
 4 | <dict>
 5 | 	<key>CFBundleDevelopmentRegion</key>
 6 | 	<string>English</string>
 7 | 	<key>CFBundleExecutable</key>
 8 | 	<string>CSS3</string>
 9 | 	<key>CFBundleIdentifier</key>
10 | 	<string>de.minimalweb.Sugar.CSS3</string>
11 | 	<key>CFBundleInfoDictionaryVersion</key>
12 | 	<string>6.0</string>
13 | 	<key>CFBundleName</key>
14 | 	<string>CSS</string>
15 | 	<key>CFBundlePackageType</key>
16 | 	<string>BNDL</string>
17 | 	<key>CFBundleSignature</key>
18 | 	<string>????</string>
19 | 	<key>CFBundleVersion</key>
20 | 	<string>1.1</string>
21 | </dict>
22 | </plist>
23 | 


--------------------------------------------------------------------------------
/TextActions/Snippets.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <action-recipes>
 3 | 	
 4 | 	<snippet id="de.minimalweb.TextActions.CSS3.CSSDOCHeader" category="tools.Snippets">
 5 | 		<title>Header CSS Comment</title>
 6 | 		<text><![CDATA[/* --------------------------------------------
 7 | 
 8 | ${1:file.css}
 9 | 
10 | Project:     $2
11 | Version:     $3
12 | Author:       $4
13 | URL:         $5
14 | Copyright:   $6
15 | License:     $7
16 | 	
17 | ----------------------------------------------- */]]></text>
18 | 		<text-trigger>head</text-trigger>
19 | 		<syntax-context>css</syntax-context>
20 | 	</snippet>
21 | 	
22 | 	<snippet id="de.minimalweb.TextActions.CSS3.AtGroupComment" category="tools.Snippets">
23 | 		<title>@group CSS Comment</title>
24 | 		<text><![CDATA[/* @group $1
25 | ----------------------------------------------- */
26 | 
27 | ${EDITOR_SELECTION:$2}
28 | 
29 | /* @end */]]></text>
30 | 		<text-trigger>group</text-trigger>
31 | 		<syntax-context>css</syntax-context>
32 | 	</snippet>
33 | 	
34 | </action-recipes>
35 | 


--------------------------------------------------------------------------------
/README.markdown:
--------------------------------------------------------------------------------
 1 | CSS3 Sugar
 2 | ===========
 3 | 
 4 | This sugar adds autocompletion for native and browser specific CSS3 properties as well as an overall enhanced CSS support.
 5 | 
 6 | 
 7 | CSS3 Features
 8 | =============
 9 | 
10 | * gradients
11 | * multi columns
12 | * rgb, rgba, hsl, hsla
13 | * pseudo classes and elements
14 | * CSS-Animations (incomplete)
15 | * transforms (incomplete)
16 | * transitions (incomplete)
17 | 
18 | 
19 | General Enhancements
20 | ====================
21 | 
22 | * Enhanced CSS-Syntax zones (e.g. id, class and pseudo selectors)
23 | 
24 | 
25 | Install using Git
26 | =================
27 | 
28 | Open Terminal.app
29 | 
30 |     cd ~/Library/Application\ Support/Espresso/Sugars/
31 |     git clone git://github.com/minimalweb/CSS3.sugar.git
32 | 
33 | 
34 | Install manually
35 | =====================
36 | 
37 | Download the source and uncompress it. Rename the resulting folder to `CSS3.sugar` and put it in `YourHomeFolder/Library/Application Support/Espresso/Sugars/`.
38 | 
39 | 
40 | 
41 | TODO
42 | ====
43 | 
44 | * media queries
45 | * background-size (browser-specifics)
46 | * reflections
47 | * webfonts
48 | 
49 | 
50 | Not ready yet:
51 | ==============
52 | 
53 | * 3D transforms


--------------------------------------------------------------------------------
/license:
--------------------------------------------------------------------------------
 1 | CSS3.sugar was created by Maurice Kühlborn (http://minimalweb.de)
 2 | and is released under MIT license
 3 | 
 4 | Permission is hereby granted, free of charge, to any person
 5 | obtaining a copy of this software and associated documentation
 6 | files (the "Software"), to deal in the Software without
 7 | restriction, including without limitation the rights to use,
 8 | copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the
10 | Software is furnished to do so, subject to the following
11 | conditions:
12 | 
13 | The above copyright notice and this permission notice shall be
14 | included in all copies or substantial portions of the Software.
15 | 
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
18 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
20 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
21 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
22 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
23 | OTHER DEALINGS IN THE SOFTWARE.


--------------------------------------------------------------------------------
/CodeSenseProviders/CSS3.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <!--
 3 | 
 4 | CodeSense Providers map contexts in a document to possible completions. The actual completions are defined in the various CodeSense libraries, categorized using their key. A CodeSense Provider tells Espresso what CodeSense libraries are active in the current context. One of these XML files can contain many <provider> elements.
 5 | 
 6 | -->
 7 | <codesense>
 8 | 
 9 | 	<!-- CSS property values -->
10 | 	<provider>
11 | 		<selector>css > property-name:capture(name) + property-value - punctuation.separator + *:not(container.support.function.misc.css), css > property-name:capture(name) + property-value > punctuation.terminator</selector>
12 | 		<completions>de.minimalweb.css3.property.${name}</completions>
13 | 		<complete-match>[a-zA-Z0-9-]*</complete-match>
14 | 		<require-suffix>[^:]|</require-suffix>
15 | 	</provider>
16 | 	
17 | 	<!-- URL values -->
18 | 	<provider>
19 | 		<selector>css > property-name[text='background'] + property-value - punctuation.separator + *:not(container.support.function.misc.css), css > property-name[text='background'] + property-value > punctuation.terminator, css > property-name[text='background-image'] + property-value - punctuation.separator + *:not(container.support.function.misc.css), css > property-name[text='background-image'] + property-value > punctuation.terminator, css > property-name[text='border-image'] + property-value - punctuation.separator + *:not(container.support.function.misc.css), css > property-name[text='border-image'] + property-value > punctuation.terminator, css > property-name[text='-moz-border-image'] + property-value - punctuation.separator + *:not(container.support.function.misc.css), css > property-name[text='-moz-border-image'] + property-value > punctuation.terminator, css > property-name[text='-webkit-border-image'] + property-value - punctuation.separator + *:not(container.support.function.misc.css), css > property-name[text='-webkit-border-image'] + property-value > punctuation.terminator</selector>
20 | 		<completions>de.minimalweb.css3.property.url-values</completions>
21 | 		<complete-match>[a-zA-Z0-9-]*</complete-match>
22 | 		<require-suffix>[^:]|</require-suffix>
23 | 	</provider>
24 | 	
25 | 	<!-- Color values -->
26 | 	<provider>
27 | 		<selector>css > property-name[text='color'] + property-value - punctuation.separator, css > property-name[text='color'] + property-value > punctuation.terminator, css > property-name[text='background-color'] + property-value - punctuation.separator, css > property-name[text='background-color'] + property-value > punctuation.terminator, css > property-name[text='background'] + property-value - punctuation.separator, css > property-name[text='background'] + property-value > punctuation.terminator, css > property-name[text='border'] + property-value - punctuation.separator, css > property-name[text='border'] + property-value > punctuation.terminator, css > property-name[text='border-color'] + property-value - punctuation.separator, css > property-name[text='border-color'] + property-value > punctuation.terminator</selector>
28 | 		<completions>de.minimalweb.css3.property.color-values</completions>
29 | 		<complete-match>[a-zA-Z0-9-]*</complete-match>
30 | 		<require-suffix>[^:]|</require-suffix>
31 | 	</provider>
32 | 	
33 | 	<!-- Clipping values -->
34 | 	<provider>
35 | 		<selector>css > property-name[text='background-clip'] + property-value - punctuation.separator, css > property-name[text='background-clip'] + property-value > punctuation.terminator, css > property-name[text='-moz-background-clip'] + property-value - punctuation.separator, css > property-name[text='-moz-background-clip'] + property-value > punctuation.terminator, css > property-name[text='-webkit-background-clip'] + property-value - punctuation.separator, css > property-name[text='-webkit-background-clip'] + property-value > punctuation.terminator, css > property-name[text='background-origin'] + property-value - punctuation.separator, css > property-name[text='background-origin'] + property-value > punctuation.terminator</selector>
36 | 		<completions>de.minimalweb.css3.property.clipping-values</completions>
37 | 		<complete-match>[a-zA-Z0-9-]*</complete-match>
38 | 		<require-suffix>[^:]|</require-suffix>
39 | 	</provider>
40 | 	
41 | 	<!-- CSS properties -->
42 | 	<provider>
43 | 		<selector>property-list.css, property-list.css > property-name, property-list.css > property-value punctuation.separator</selector>
44 | 		<completions>de.minimalweb.css3.properties</completions>
45 | 		<complete-match>[a-zA-Z0-9-]+</complete-match>
46 | 	</provider>
47 | 	
48 | 	<!-- CSS pseudos -->
49 | 	<provider>
50 | 		<selector>css</selector>
51 | 		<completions>de.minimalweb.css3.classes.pseudo</completions>
52 | 		<completions>de.minimalweb.css3.elements.pseudo</completions>
53 | 		<complete-match>(:)[a-zA-Z0-9-]*</complete-match>
54 | 		<require-suffix>(,|.|#|\s|{|^)</require-suffix>
55 | 	</provider>
56 | 	
57 | 	<!-- @rules -->
58 | 	<provider>
59 | 		<selector>css</selector>
60 | 		<completions>de.minimalweb.css3.at-rules</completions>
61 | 		<complete-match>(@){1}([a-zA-Z0-9-]*)</complete-match>
62 | 		<require-suffix>(^)</require-suffix>
63 | 	</provider>
64 | 
65 | 	<!-- CSS properties that should be reluctantly suggested because they're browser specific -->
66 | 	<provider>
67 | 		<selector>property-list.css, property-list.css > property-name, property-list.css > property-value punctuation.separator</selector>
68 | 		<completions>de.minimalweb.css3.browser-specific-properties</completions>
69 | 		<complete-match capture="2">(^|;|{)\s*([a-zA-Z0-9-]+)</complete-match>
70 | 		<require-suffix>(:|\s|}|^)</require-suffix>
71 | 	</provider>
72 | 	
73 | </codesense>
74 | 


--------------------------------------------------------------------------------
/Syntaxes/CSS3.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0"?>
  2 | <syntax name="styling.css">
  3 | 	<zones>
  4 | 		<zone name="itemize.group-start.comment.block.css">
  5 | 			<starts-with>/\*\s+@group\s</starts-with>
  6 | 			<ends-with>\*/</ends-with>
  7 | 			 <subzones>
  8 | 				<cut-off>\*/</cut-off>
  9 | 				<zone name="name">
 10 | 					<expression>.*</expression>
 11 | 				</zone>
 12 | 			</subzones>
 13 | 		</zone>
 14 | 		<zone name="itemize.group-end.comment.block.css">
 15 | 			<expression>/\*\s+@end\s+.*\*/</expression>
 16 | 		</zone>
 17 | 		<include collection="comments"/>
 18 | 		<zone name="at-rule.charset.css">
 19 | 			<starts-with>
 20 | 				<expression>((@)charset)</expression>
 21 | 				<capture number="1" name="keyword.control"/>
 22 | 				<capture number="2" name="punctuation.definition.keyword"/>
 23 | 			</starts-with>
 24 | 			<ends-with>
 25 | 				<expression>;|$</expression>
 26 | 				<capture number="0" name="punctuation.definition.end"/>
 27 | 			</ends-with>
 28 | 			<subzones>
 29 | 				<include collection="string-double"/>
 30 | 			</subzones>
 31 | 		</zone>
 32 | 		<zone name="at-rule.import.css">
 33 | 			<starts-with>
 34 | 				<expression>((@)import\b)\s*</expression>
 35 | 				<capture number="1" name="keyword.control"/>
 36 | 				<capture number="2" name="punctuation.definition.keyword"/>
 37 | 			</starts-with>
 38 | 			<ends-with>
 39 | 				<expression>\s*(;|$)</expression>
 40 | 				<capture number="1" name="punctuation.definition.end"/>
 41 | 			</ends-with>
 42 | 			<subzones>
 43 | 				<include collection="string-single"/>
 44 | 				<include collection="string-double"/>
 45 | 				<zone name="x-url-container">
 46 | 					<starts-with>
 47 | 						<expression>(url)(\()\s*</expression>
 48 | 						<capture number="1" name="support.function.url"/>
 49 | 						<capture number="2" name="delimiter.balanced.parenthesis.begin"/>
 50 | 					</starts-with>
 51 | 					<ends-with>
 52 | 						<expression>\s*(\))\s*</expression>
 53 | 						<capture number="1" name="delimiter.balanced.parenthesis.end"/>
 54 | 					</ends-with>
 55 | 					<subzones>
 56 | 						<include collection="string-single"/>
 57 | 						<include collection="string-double"/>
 58 | 						<zone name="x-text">
 59 | 							<expression>[^)]+</expression>
 60 | 						</zone>
 61 | 					</subzones>
 62 | 				</zone>
 63 | 				<zone name="x-text">
 64 | 					<expression>[^;$]+</expression>
 65 | 				</zone>
 66 | 			</subzones>
 67 | 		</zone>
 68 | 		<zone name="at-rule.media.css">
 69 | 			<starts-with>
 70 | 				<expression>((@)media)\s+([\w\s,]*)\s*</expression>
 71 | 				<capture number="1" name="keyword.control"/>
 72 | 				<capture number="2" name="punctuation.definition.keyword"/>
 73 | 				<capture number="3" name="support.constant"/>
 74 | 			</starts-with>
 75 | 			<ends-with>
 76 | 				<expression>(?&lt;=})</expression>
 77 | 				<!--capture number="1" name="keyword.control.at-rule.media.css"/-->
 78 | 			</ends-with>
 79 | 			<subzones>
 80 | 				<include collection="comments"/>
 81 | 				<zone name="block.css">
 82 | 					<starts-with>
 83 | 						<expression>\{</expression>
 84 | 						<capture number="0" name="punctuation.begin"/>
 85 | 					</starts-with>
 86 | 					<ends-with>
 87 | 						<expression>\}</expression>
 88 | 						<capture number="0" name="punctuation.end"/>
 89 | 					</ends-with>
 90 | 					<subzones>
 91 | 						<include syntax="$self"/>
 92 | 					</subzones>
 93 | 				</zone>
 94 | 			</subzones>
 95 | 		</zone>
 96 | 		<zone name="selector.css">
 97 | 			<starts-with>(?=[:.*#a-zA-Z@])</starts-with>
 98 | 			<ends-with>(?=\{)</ends-with>
 99 | 			<subzones>
100 | 				<include collection="comments"/>
101 |     		<zone name="id.selector.css">
102 |     			<expression>(#[-_a-zA-Z0-9@]*)</expression>
103 |     		</zone>
104 |     		<zone name="class.selector.css">
105 |     			<expression>(\.[-_a-zA-Z0-9@]*)</expression>
106 |     		</zone>
107 |     		<zone name="pseudo.class.selector.css">
108 |     			<expression>(:{1,2}[-_a-zA-Z@]*)</expression>
109 |     		</zone>
110 | 			</subzones>
111 | 		</zone>
112 | 		<zone name="property-list.block.css">
113 | 			<starts-with>
114 | 				<expression>\{</expression>
115 | 				<capture number="0" name="punctuation.begin"/>
116 | 			</starts-with>
117 | 			<ends-with>
118 | 				<expression>\}</expression>
119 | 				<capture number="0" name="punctuation.end"/>
120 | 			</ends-with>
121 | 			<subzones>
122 | 				<include collection="comments"/>
123 | 				<include collection="properties"/>
124 | 			</subzones>
125 | 		</zone>
126 | 	</zones>
127 | 	<library>
128 | 	
129 | 		<collection name="properties">
130 | 			<zone name="property-name">
131 | 				<starts-with>
132 | 					<expression>(?&lt;![-a-zA-Z])(?=[-a-zA-Z])</expression>
133 | 				</starts-with>
134 | 				<ends-with>
135 | 					<expression>$|(?![-a-zA-Z])</expression>
136 | 				</ends-with>
137 | 			</zone>
138 | 			<zone name="property-value">
139 | 				<starts-with>
140 | 					<expression>(:)\s*</expression>
141 | 					<capture number="1" name="punctuation.separator.key-value.css"/>
142 | 				</starts-with>
143 | 				<ends-with>
144 | 					<expression>\s*(;|(?=\}))</expression>
145 | 					<capture number="1" name="punctuation.terminator.rule.css"/>
146 | 				</ends-with>
147 | 				<subzones>
148 | 					<include collection="comments"/>
149 | 					<zone name="zconstant.nzumeric.css">
150 | 						<expression>(-|\+)?\s*[0-9]+(\.[0-9]+)?</expression>
151 | 					</zone>
152 | 					<zone name="zkeyword.other.zunit.css">
153 | 						<expression>(?&lt;=[\d])(px|pt|cm|mm|in|em|ex|pc|deg)\b|%</expression>
154 | 					</zone>
155 | 					<zone name="zconstant.zother.color.rgb-value.css">
156 | 						<expression>(#)([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\b</expression>
157 | 						<capture number="1" name="punctuation.definition.constant.css"/>
158 | 					</zone>
159 | 					<include collection="string-double"/>
160 | 					<include collection="string-single"/>
161 | 					<zone name="container.support.function.misc.css">
162 | 						<starts-with>
163 | 							<expression>(rgb|rgba|hsl|hsla|url|attr|counter|counters|linear\-gradient)\s*(\()</expression>
164 | 							<capture number="1" name="support.function.misc.css"/>
165 | 							<capture number="2" name="punctuation.section.function.css"/>
166 | 						</starts-with>
167 | 						<ends-with>
168 | 							<expression>(\))</expression>
169 | 							<capture number="1" name="punctuation.section.function.css"/>
170 | 						</ends-with>
171 | 						<subzones>
172 | 							<include collection="string-single"/>
173 | 							<include collection="string-double"/>
174 | 							<zone name="constant.other.color.rgb-value.css">
175 | 								<expression>(\b0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\s*,\s*)(0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\s*,\s*)(0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\b)</expression>
176 | 							</zone>
177 | 							<!-- TODO: rgba, lsh, lsha zones -->
178 | 							<zone name="constant.other.color.rgb-percentage.css">
179 | 								<expression>\b([0-9]{1,2}|100)\s*%,\s*([0-9]{1,2}|100)\s*%,\s*([0-9]{1,2}|100)\s*%</expression>
180 | 							</zone>
181 | 							<zone name="constant.other.color.rgb-value.css">
182 | 								<expression>(#)([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\b</expression>
183 | 								<capture number="1" name="punctuation.definition.constant.css"/>
184 | 							</zone>
185 | 							<zone name="variable.parameter.misc.css">
186 | 								<expression>[^'") \t]+</expression>
187 | 							</zone>
188 | 						</subzones>
189 | 					</zone>
190 | 					<zone name="keyword.important.css">
191 | 						<expression>\!\s*important</expression>
192 | 					</zone>
193 | 				</subzones>
194 | 			</zone>
195 | 		</collection>
196 | 	
197 | 		<collection name="comments">
198 | 			<zone name="comment.line.css">
199 | 				<starts-with>
200 | 					<expression>//</expression>
201 | 					<capture number="0" name="punctuation.begin"/>
202 | 				</starts-with>
203 | 				<ends-with>$</ends-with>
204 | 			</zone>
205 | 			<zone name="comment.block.css">
206 | 				<starts-with>
207 | 					<expression>/\*</expression>
208 | 					<capture number="0" name="punctuation.begin"/>
209 | 				</starts-with>
210 | 				<ends-with>
211 | 					<expression>\*/</expression>
212 | 					<capture number="0" name="punctuation.end"/>
213 | 				</ends-with>
214 | 			</zone>
215 | 		</collection>
216 | 		
217 | 		<collection name="string-double">
218 | 			<zone name="string.quoted.double">
219 | 				<starts-with>
220 | 					<expression>"</expression>
221 | 					<capture number="0" name="delimiter.balanced.quote.double.begin"/>
222 | 				</starts-with>
223 | 				<ends-with>
224 | 					<expression>"</expression>
225 | 					<capture number="0" name="delimiter.balanced.quote.double.end"/>
226 | 				</ends-with>
227 | 				<subzones>
228 | 					<zone name="constant.character.escape.css">
229 | 						<expression>\\.</expression>
230 | 					</zone>
231 | 				</subzones>
232 | 			</zone>
233 | 		</collection>
234 | 		<collection name="string-single">
235 | 			<zone name="string.quoted.single">
236 | 				<starts-with>
237 | 					<expression>'</expression>
238 | 					<capture number="0" name="delimiter.balanced.quote.single.begin"/>
239 | 				</starts-with>
240 | 				<ends-with>
241 | 					<expression>'</expression>
242 | 					<capture number="0" name="delimiter.balanced.quote.single.end"/>
243 | 				</ends-with>
244 | 				<subzones>
245 | 					<zone name="constant.character.escape.css">
246 | 						<expression>\\.</expression>
247 | 					</zone>
248 | 				</subzones>
249 | 			</zone>
250 | 		</collection>
251 | 	</library>
252 | </syntax>


--------------------------------------------------------------------------------
/CodeSenseLibraries/CSS3.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <codesense version="1.0">
  3 | 	<behavior>
  4 | 		<append-dynamic>
  5 | 			<matched-suffix>\s*(;)?</matched-suffix>
  6 | 			<transform-into>$0(?1::;)</transform-into>
  7 | 		</append-dynamic>
  8 | 		<confirm characters=";" />
  9 | 		<partial-confirm characters="-" />
 10 | 	</behavior>
 11 | 	
 12 | 	<set name="de.minimalweb.css3.property.clipping-values">
 13 | 	  <completion string="border-box" />
 14 | 	  <completion string="padding-box" />
 15 | 	  <completion string="content-box" />
 16 | 	</set>
 17 | 	
 18 | 	<set name="de.minimalweb.css3.property.background">
 19 | 		<completion string="linear-gradient">
 20 | 		  <behavior>
 21 | 				<append-dynamic>
 22 | 					<matched-suffix>(\s*:)|[^:]</matched-suffix>
 23 | 					<transform-into>(?1::(${1:bg-position angle}, ${2:color-stop}, ${3:color-stop})$4)</transform-into>
 24 | 				</append-dynamic>
 25 | 				<partial-confirm characters="-" />
 26 | 		  </behavior>
 27 | 		</completion>
 28 | 		<completion string="radial-gradient" />
 29 | 		<completion string="-moz-linear-gradient">
 30 | 		  <behavior>
 31 | 				<append-dynamic>
 32 | 					<matched-suffix>(\s*:)|[^:]</matched-suffix>
 33 | 					<transform-into>(?1::(${1:bg-position angle}, ${2:color-stop}, ${3:color-stop})$4)</transform-into>
 34 | 				</append-dynamic>
 35 | 				<partial-confirm characters="-" />
 36 | 		  </behavior>
 37 | 		</completion>
 38 | 		<completion string="-moz-radial-gradient" />
 39 | 		<completion string="-webkit-gradient">
 40 | 		  <behavior>
 41 | 				<append-dynamic>
 42 | 					<matched-suffix>(\s*:)|[^:]</matched-suffix>
 43 | 					<transform-into>(?1::(${1:type}, ${2:bg-position angle}, from(${3:color}), to(${4:color})${5:color-stop(${6:position}, ${7:color})})$8)</transform-into>
 44 | 				</append-dynamic>
 45 | 				<partial-confirm characters="-" />
 46 | 		  </behavior>
 47 | 		</completion>
 48 | 	</set>
 49 | 	
 50 | 	<set name="de.minimalweb.css3.property.background-attachment">
 51 | 	  <completion string="local" />
 52 | 	</set>
 53 | 	
 54 | 	<set name="de.minimalweb.css3.property.background-repeat">
 55 | 	  <completion string="space" />
 56 | 	  <completion string="round" />
 57 | 	</set>
 58 | 	
 59 | 	<set name="de.minimalweb.css3.property.border-image-slice">
 60 | 		<completion string="fill" />
 61 | 	</set>
 62 | 	
 63 | 	<set name="de.minimalweb.css3.property.border-image-source">
 64 | 		<completion string="none" />
 65 | 	</set>
 66 | 	
 67 | 	<set name="de.minimalweb.css3.property.border-image-width">
 68 | 		<completion string="auto" />
 69 | 	</set>
 70 | 	
 71 | 	<set name="de.minimalweb.css3.property.border-image-outset">
 72 | 		<completion string="stretch" />
 73 | 		<completion string="repeat" />
 74 | 		<completion string="round" />
 75 | 		<completion string="space" />
 76 | 	</set>
 77 | 	
 78 | 	<set name="de.minimalweb.css3.property.box-shadow">
 79 | 		<completion string="none" />
 80 | 	</set>
 81 | 	
 82 | 	<set name="de.minimalweb.css3.property.column-rule">
 83 | 		<completion string="none" />
 84 | 		<completion string="hidden" />
 85 | 		<completion string="dotted" />
 86 | 		<completion string="dashed" />
 87 | 		<completion string="solid" />
 88 | 		<completion string="double" />
 89 | 		<completion string="groove" />
 90 | 		<completion string="ridge" />
 91 | 		<completion string="inset" />
 92 | 		<completion string="outset" />
 93 | 		<completion string="inherit" />
 94 | 		<completion string="thin" />
 95 | 		<completion string="medium" />
 96 | 		<completion string="thick" />
 97 | 		<completion string="inherit" />
 98 | 	</set>
 99 | 	
100 | 	<set name="de.minimalweb.css3.property.-moz-column-rule">
101 | 		<completion string="none" />
102 | 		<completion string="hidden" />
103 | 		<completion string="dotted" />
104 | 		<completion string="dashed" />
105 | 		<completion string="solid" />
106 | 		<completion string="double" />
107 | 		<completion string="groove" />
108 | 		<completion string="ridge" />
109 | 		<completion string="inset" />
110 | 		<completion string="outset" />
111 | 		<completion string="inherit" />
112 | 		<completion string="thin" />
113 | 		<completion string="medium" />
114 | 		<completion string="thick" />
115 | 		<completion string="inherit" />
116 | 	</set>
117 | 	
118 | 	<set name="de.minimalweb.css3.property.-webkit-column-rule">
119 | 		<completion string="none" />
120 | 		<completion string="hidden" />
121 | 		<completion string="dotted" />
122 | 		<completion string="dashed" />
123 | 		<completion string="solid" />
124 | 		<completion string="double" />
125 | 		<completion string="groove" />
126 | 		<completion string="ridge" />
127 | 		<completion string="inset" />
128 | 		<completion string="outset" />
129 | 		<completion string="inherit" />
130 | 		<completion string="thin" />
131 | 		<completion string="medium" />
132 | 		<completion string="thick" />
133 | 		<completion string="inherit" />
134 | 	</set>
135 | 	
136 | 	<set name="de.minimalweb.css3.property.column-rule-style">
137 | 		<completion string="none" />
138 | 		<completion string="hidden" />
139 | 		<completion string="dotted" />
140 | 		<completion string="dashed" />
141 | 		<completion string="solid" />
142 | 		<completion string="double" />
143 | 		<completion string="groove" />
144 | 		<completion string="ridge" />
145 | 		<completion string="inset" />
146 | 		<completion string="outset" />
147 | 		<completion string="inherit" />
148 | 	</set>
149 | 	
150 | 	<set name="de.minimalweb.css3.property.-moz-column-rule-style">
151 | 		<completion string="none" />
152 | 		<completion string="hidden" />
153 | 		<completion string="dotted" />
154 | 		<completion string="dashed" />
155 | 		<completion string="solid" />
156 | 		<completion string="double" />
157 | 		<completion string="groove" />
158 | 		<completion string="ridge" />
159 | 		<completion string="inset" />
160 | 		<completion string="outset" />
161 | 		<completion string="inherit" />
162 | 	</set>
163 | 	
164 | 	<set name="de.minimalweb.css3.property.-webkit-column-rule-style">
165 | 		<completion string="none" />
166 | 		<completion string="hidden" />
167 | 		<completion string="dotted" />
168 | 		<completion string="dashed" />
169 | 		<completion string="solid" />
170 | 		<completion string="double" />
171 | 		<completion string="groove" />
172 | 		<completion string="ridge" />
173 | 		<completion string="inset" />
174 | 		<completion string="outset" />
175 | 		<completion string="inherit" />
176 | 	</set>
177 | 	
178 | 	<set name="de.minimalweb.css3.property.column-rule-width">
179 | 		<completion string="thin" />
180 | 		<completion string="medium" />
181 | 		<completion string="thick" />
182 | 		<completion string="inherit" />
183 | 	</set>
184 | 	
185 | 	<set name="de.minimalweb.css3.property.-moz-column-rule-width">
186 | 		<completion string="thin" />
187 | 		<completion string="medium" />
188 | 		<completion string="thick" />
189 | 		<completion string="inherit" />
190 | 	</set>
191 | 	
192 | 	<set name="de.minimalweb.css3.property.-webkit-column-rule-width">
193 | 		<completion string="thin" />
194 | 		<completion string="medium" />
195 | 		<completion string="thick" />
196 | 		<completion string="inherit" />
197 | 	</set>
198 | 	
199 | 	<set name="de.minimalweb.css3.properties">
200 | 		<behavior>
201 | 			<append-dynamic>
202 | 				<matched-suffix>(\s*:)|[^:]</matched-suffix>
203 | 				<transform-into>(?1::: $0;)</transform-into>
204 | 			</append-dynamic>
205 | 			<confirm characters=":" />
206 | 			<partial-confirm characters="-" />
207 | 		</behavior>
208 | 		<completion string="animation" />
209 | 		<completion string="animation-delay" />
210 | 		<completion string="animation-direction" />
211 | 		<completion string="animation-duration" />
212 | 		<completion string="animation-iteration-count" />
213 | 		<completion string="animation-name" />
214 | 		<completion string="animation-play-state" />
215 | 		<completion string="animation-timing-function" />
216 | 		<completion string="background-origin" />
217 | 		<completion string="background-clip" />
218 | 		<completion string="background-size" />
219 | 		<completion string="border-image" />
220 | 		<completion string="border-image-outset" />
221 | 		<completion string="border-image-repeat" />
222 | 		<completion string="border-image-slice" />
223 | 		<completion string="border-image-source" />
224 | 		<completion string="border-image-width" />
225 | 		<completion string="border-radius" />
226 | 		<completion string="border-top-right-radius" />
227 | 		<completion string="border-bottom-right-radius" />
228 | 		<completion string="border-bottom-left-radius" />
229 | 		<completion string="border-top-left-radius" />
230 | 		<completion string="box-shadow" />
231 | 		<completion string="box-sizing" />
232 | 		<completion string="column-count" />
233 | 		<completion string="column-gap" />
234 | 		<completion string="column-rule" />
235 | 		<completion string="column-span" />
236 | 		<completion string="column-width" />
237 | 		<completion string="text-shadow" />
238 | 	</set>
239 | 	
240 | 	<set name="de.minimalweb.css3.property.url-values">
241 | 		<completion string="url">
242 | 		  <behavior>
243 | 				<append-dynamic>
244 | 					<matched-suffix>(\s*:)|[^:]</matched-suffix>
245 | 					<transform-into>(?1::(${1:../images/})$2)</transform-into>
246 | 				</append-dynamic>
247 | 		  </behavior>
248 | 		</completion>
249 | 	</set>
250 | 	
251 | 	<!-- Browser-Specific Properties -->
252 | 		
253 | 	<set name="de.minimalweb.css3.browser-specific-properties">
254 | 		<behavior>
255 | 			<append-dynamic>
256 | 				<matched-suffix>(\s*:)|[^:]</matched-suffix>
257 | 				<transform-into>(?1::: $0;)</transform-into>
258 | 			</append-dynamic>
259 | 			<confirm characters=":" />
260 | 			<partial-confirm characters="-" />
261 | 		</behavior>
262 | 		
263 | 		<!-- Webkit -->
264 | 		<completion string="-webkit-animation" />
265 | 		<completion string="-webkit-animation-direction" />
266 | 		<completion string="-webkit-animation-duration" />
267 | 		<completion string="-webkit-animation-iteration-count" />
268 | 		<completion string="-webkit-animation-name" />
269 | 		<completion string="-webkit-animation-timing-function" />
270 | 		<completion string="-webkit-background-clip" />
271 | 		<completion string="-webkit-border-image" />
272 | 		<completion string="-webkit-border-radius" />
273 | 		<completion string="-webkit-border-top-left-radius" />
274 | 		<completion string="-webkit-border-top-right-radius" />
275 | 		<completion string="-webkit-border-bottom-left-radius" />
276 | 		<completion string="-webkit-border-bottom-right-radius" />
277 | 		<completion string="-webkit-box-shadow" />
278 | 		<completion string="-webkit-box-sizing" />
279 | 		<completion string="-webkit-column-count" />
280 | 		<completion string="-webkit-column-gap" />
281 | 		<completion string="-webkit-column-rule" />
282 | 		<completion string="-webkit-column-span" />
283 | 		<completion string="-webkit-column-width" />
284 | 		<completion string="-webkit-mask-image" />
285 | 		<completion string="-webkit-transform" />
286 | 		<completion string="-webkit-transform-origin" />
287 | 		<completion string="-webkit-transition" />
288 | 		<completion string="-webkit-transition-property" />
289 | 		<completion string="-webkit-transition-duration" />
290 | 		<completion string="-webkit-transition-timing-function" />
291 | 		<completion string="-webkit-user-drag" />
292 | 		<completion string="-webkit-user-modify" />
293 | 		<completion string="-webkit-user-select" />
294 | 		
295 | 		<!-- Gecko -->
296 | 		<completion string="-moz-background-clip" />
297 | 		<completion string="-moz-border-radius" />
298 | 		<completion string="-moz-border-radius-topleft" />
299 | 		<completion string="-moz-border-radius-topright" />
300 | 		<completion string="-moz-border-radius-bottomleft" />
301 | 		<completion string="-moz-border-radius-bottomright" />
302 | 		<completion string="-moz-box-shadow" />
303 | 		<completion string="-moz-box-sizing" />
304 | 		<completion string="-moz-column-count" />
305 | 		<completion string="-moz-column-gap" />
306 | 		<completion string="-moz-column-rule" />
307 | 		<completion string="-moz-column-span" />
308 | 		<completion string="-moz-column-width" />
309 | 		<completion string="-moz-transform" />
310 | 		<completion string="-moz-transform-origin" />
311 | 		<completion string="-moz-user-modify" />
312 | 		<completion string="-moz-user-select" />
313 | 		
314 | 		<!-- Opera -->
315 | 		<completion string="-o-transform" />
316 | 		<completion string="-o-transform-origin" />
317 | 		<completion string="-o-transition" />
318 | 		<completion string="-o-transition-delay" />
319 | 		<completion string="-o-transition-duration" />
320 | 		<completion string="-o-transition-property" />
321 | 		<completion string="-o-transition-timing-function" />
322 | 		
323 | 		<!-- Internet Explorer -->
324 | 		<completion string="-ms-box-sizing" />
325 | 		<completion string="-ms-interpolation-mode" />
326 | 	</set>
327 | 	
328 | 	<set name="de.minimalweb.css3.at-rules">
329 |   	<behavior>
330 | 			<partial-confirm characters="-" />
331 | 		</behavior>
332 | 		<completion string="@charset" />
333 | 		<completion string="@font-face" />
334 | 		<completion string="@import" />
335 | 		<completion string="@media" />
336 | 		<completion string="@namespace" />
337 | 		<completion string="@page" />
338 | 		<completion string="@phonetic-alphabet" />
339 | 	</set>
340 | 	
341 | 	<set name="de.minimalweb.css3.classes.pseudo">
342 |   	<behavior>
343 | 			<partial-confirm characters="-" />
344 | 		</behavior>
345 | 		<completion string=":active" />
346 | 		<completion string=":after" />
347 | 		<completion string=":before" />
348 | 		<completion string=":checked" />
349 | 		<completion string=":disabled" />
350 | 		<completion string=":enabled" />
351 | 		<completion string=":empty" />
352 | 		<completion string=":first-child" />
353 | 		<completion string=":first-line" />
354 | 		<completion string=":first-letter" />
355 | 		<completion string=":first-of-type" />
356 | 		<completion string=":focus" />
357 | 		<completion string=":hover" />
358 | 		<completion string=":indeterminate" />
359 | 		<completion string=":last-child" />
360 | 		<completion string=":last-of-type" />
361 | 		<completion string=":link" />
362 | 		<completion string=":not">
363 | 			<behavior>
364 | 				<append-static>($1)</append-static>
365 | 			</behavior>
366 | 		</completion>
367 | 		<completion string=":nth-child">
368 | 			<behavior>
369 | 				<append-static>($1)</append-static>
370 | 			</behavior>
371 | 		</completion>
372 | 		<completion string=":nth-last-child">
373 | 			<behavior>
374 | 				<append-static>($1)</append-static>
375 | 			</behavior>
376 | 		</completion>
377 | 		<completion string=":nth-of-type">
378 | 			<behavior>
379 | 				<append-static>($1)</append-static>
380 | 			</behavior>
381 | 		</completion>
382 | 		<completion string=":nth-last-of-type">
383 | 			<behavior>
384 | 				<append-static>($1)</append-static>
385 | 			</behavior>
386 | 		</completion>
387 | 		<completion string=":only-child" />
388 | 		<completion string=":only-of-type" />
389 | 		<completion string=":root" />
390 | 		<completion string=":target" />
391 | 		<completion string=":visited" />
392 | 	</set>
393 | 	
394 | 	<set name="de.minimalweb.css3.elements.pseudo">
395 | 		<behavior>
396 | 			<partial-confirm characters="-" />
397 | 		</behavior>
398 | 		<completion string="::first-line" />
399 | 		<completion string="::first-letter" />
400 | 		<completion string="::before" />
401 | 		<completion string="::after" />
402 | 	</set>
403 | </codesense>
404 | 


--------------------------------------------------------------------------------