├── Commands ├── Documentation for Property.plist ├── Insert Color.plist ├── Preview.plist └── Validate Selected CSS.plist ├── DragCommands └── Insert Image URL.tmDragCommand ├── Macros ├── Format CSS Compressed.tmMacro └── Format CSS.tmMacro ├── Preferences ├── Comments.tmPreferences ├── Completions.tmPreferences ├── Folding.tmPreferences ├── Miscellaneous.tmPreferences ├── Property Completions.tmPreferences ├── Property Value Completions.tmPreferences ├── PropertyName.tmPreferences ├── Symbol List: Group.tmPreferences ├── Symbol List: Selector Embedded.tmPreferences └── Symbol list.tmPreferences ├── README.mdown ├── Snippets ├── !important CSS (!).plist ├── Fixed Position Bottom 100% wide IE6.tmSnippet ├── background-attachment: scroll:fixed (background).plist ├── background-color: color-hex (background).plist ├── background-color: color-name (background).plist ├── background-color: color-rgb (background).plist ├── background-color: transparent (background).plist ├── background-image: none (background).plist ├── background-image: url (background).plist ├── background-position: position (background).plist ├── background-repeat: r:r-x:r-y:n-r (background).plist ├── background: color image repeat attachment position (background).plist ├── border-bottom-color: size style color (border).plist ├── border-bottom-style: size style color (border).plist ├── border-bottom-width: size style color (border).plist ├── border-bottom: size style color (border).plist ├── border-color: color (border).plist ├── border-left-color: color (border).plist ├── border-left-style: style (border).plist ├── border-left-width: size (border).plist ├── border-left: size style color (border).plist ├── border-right-color: color (border).plist ├── border-right-style: style (border).plist ├── border-right-width: size (border).plist ├── border-right: size style color (border).plist ├── border-style: style (border).plist ├── border-top-color: color (border).plist ├── border-top-style: style (border).plist ├── border-top-width: size (border).plist ├── border-top: size style color (border).plist ├── border-width: width (border).plist ├── border: size style color (border).plist ├── clear: value (clear).plist ├── color: color-hex (color).plist ├── color: color-name (color).plist ├── color: color-rgb (color).plist ├── cursor: type (cursor).plist ├── cursor: url (cursor).plist ├── direction: ltr|rtl (direction).plist ├── display: block (display).plist ├── display: common-types (display).plist ├── display: inline (display).plist ├── display: table-types (display).plist ├── filter: AlphaImageLoader [for IE PNGs] (background).plist ├── float: left:right:none (float).plist ├── font-family: family (font).plist ├── font-size: size (font).plist ├── font-style: normal:italic:oblique (font).plist ├── font-variant: normal:small-caps (font).plist ├── font-weight: weight (font).plist ├── font: style variant weight size:line-height font -family (font).plist ├── font: size font (font).plist ├── letter-spacing: length-em (letter).plist ├── letter-spacing: length-px (letter).plist ├── list-style-image: url (list).plist ├── list-style-position: pos (list).plist ├── list-style-type: asian (list).plist ├── list-style-type: marker(list).plist ├── list-style-type: numeric (list).plist ├── list-style-type: other (list).plist ├── list-style-type: roman-alpha-greek (list).plist ├── list-style: type position image (list).plist ├── margin-bottom: length (margin).plist ├── margin-left: length (margin).plist ├── margin-right: length (margin).plist ├── margin-top: length (margin).plist ├── margin: all (margin).plist ├── margin: T R B L (margin).plist ├── margin: V H (margin).plist ├── marker-offset: auto (marker).plist ├── marker-offset: length (marker).plist ├── opacity: [for Safari, FF and IE] (opacity).plist ├── overflow: type (overflow).plist ├── padding-bottom: length (margin).plist ├── padding-left: length (margin).plist ├── padding-right: length (margin).plist ├── padding-top: length (margin).plist ├── padding: T R B L (padding).plist ├── padding: V H (padding).plist ├── padding: all (padding).plist ├── position: type (position).plist ├── properties { } ( } ).plist ├── scrollbar.tmSnippet ├── selection.tmSnippet ├── text-align: left:center:right (txt).plist ├── text-decoration: none:underline:overline:line-through:blink (text).plist ├── text-indent: length (text).plist ├── text-shadow: color-hex x y blur (text).plist ├── text-shadow: color-rgb x y blur (text).plist ├── text-shadow: none (text).plist ├── text-transform: capitalize:upper:lower (text).plist ├── text-transform: none (text).plist ├── vertical-align: type (vertical).plist ├── visibility: type (visibility).plist ├── white-space: normal:pre:nowrap (white).plist ├── word-spacing: length (word).plist ├── word-spacing: normal (word).plist └── z-index: index (z).plist ├── Syntaxes └── CSS.plist ├── Tests └── tests.css └── info.plist /Commands/Documentation for Property.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | beforeRunningCommand 6 | nop 7 | command 8 | #!/usr/bin/env ruby18 9 | # 10 | # Lookup current word as a CSS property on w3c.org 11 | # 12 | # The mapping below was generated using: 13 | # echo '$props = {'; curl -s http://meiert.com/en/indices/css-properties/ | ruby -ne 'puts %{\t"#{$2}"\t=> "#{$1}",} if $_ =~ %r{<th scope="row"><a href="(.+?)"><code>(.+?)</code></a></th>}'; echo '}' 14 | 15 | require "#{ENV['TM_SUPPORT_PATH']}/lib/exit_codes.rb" 16 | require "#{ENV['TM_SUPPORT_PATH']}/lib/ui.rb" 17 | 18 | $props = { 19 | "align-content" => "http://www.w3.org/TR/css3-flexbox/#align-content", 20 | "align-items" => "http://www.w3.org/TR/css3-flexbox/#align-items", 21 | "align-self" => "http://www.w3.org/TR/css3-flexbox/#align-self", 22 | "alignment-adjust" => "http://www.w3.org/TR/css3-linebox/#alignment-adjust", 23 | "alignment-baseline" => "http://www.w3.org/TR/css3-linebox/#alignment-baseline", 24 | "all" => "http://www.w3.org/TR/css3-cascade/#all-shorthand", 25 | "anchor-point" => "http://www.whatwg.org/specs/web-apps/current-work/multipage/commands.html#anchor-points", 26 | "animation" => "http://www.w3.org/TR/css3-animations/#animation", 27 | "animation-delay" => "http://www.w3.org/TR/css3-animations/#animation-trigger", 28 | "animation-direction" => "http://www.w3.org/TR/css3-animations/#animation-direction", 29 | "animation-duration" => "http://www.w3.org/TR/css3-animations/#animation-duration", 30 | "animation-iteration-count" => "http://www.w3.org/TR/css3-animations/#animation-iteration-count", 31 | "animation-name" => "http://www.w3.org/TR/css3-animations/#animation-name", 32 | "animation-play-state" => "http://www.w3.org/TR/css3-animations/#animation-play-state", 33 | "animation-timing-function" => "http://www.w3.org/TR/css3-animations/#animation-timing-function", 34 | "appearance" => "http://www.w3.org/TR/css3-ui/#appearance0", 35 | "azimuth" => "http://www.w3.org/TR/CSS21/aural.html#propdef-azimuth", 36 | "backface-visibility" => "http://www.w3.org/TR/css3-3d-transforms/#backface-visibility-property", 37 | "background" => "http://www.w3.org/TR/css3-background/#the-background", 38 | "background-attachment" => "http://www.w3.org/TR/css3-background/#the-background-attachment", 39 | "background-clip" => "http://www.w3.org/TR/css3-background/#the-background-clip", 40 | "background-color" => "http://www.w3.org/TR/css3-background/#the-background-color", 41 | "background-image" => "http://www.w3.org/TR/css3-background/#the-background-image", 42 | "background-origin" => "http://www.w3.org/TR/css3-background/#the-background-origin", 43 | "background-position" => "http://www.w3.org/TR/css3-background/#the-background-position", 44 | "background-repeat" => "http://www.w3.org/TR/css3-background/#the-background-repeat", 45 | "background-size" => "http://www.w3.org/TR/css3-background/#the-background-size", 46 | "baseline-shift" => "http://www.w3.org/TR/css3-linebox/#baseline-shift-prop", 47 | "binding" => "http://www.w3.org/TR/becss/#the-binding", 48 | "bleed" => "http://www.w3.org/TR/css3-gcpm/#bleed", 49 | "bookmark-label" => "http://www.w3.org/TR/css3-gcpm/#bookmark-label", 50 | "bookmark-level" => "http://www.w3.org/TR/css3-gcpm/#bookmark-level", 51 | "bookmark-state" => "http://www.w3.org/TR/css3-gcpm/#bookmark-state", 52 | "bookmark-target" => "http://www.w3.org/TR/css3-gcpm/#bookmark-target", 53 | "border" => "http://www.w3.org/TR/css3-background/#the-border-shorthands", 54 | "border-bottom" => "http://www.w3.org/TR/css3-background/#the-border-shorthands", 55 | "border-bottom-color" => "http://www.w3.org/TR/css3-background/#the-border-color", 56 | "border-bottom-left-radius" => "http://www.w3.org/TR/css3-background/#the-border-radius", 57 | "border-bottom-right-radius" => "http://www.w3.org/TR/css3-background/#the-border-radius", 58 | "border-bottom-style" => "http://www.w3.org/TR/css3-background/#the-border-style", 59 | "border-bottom-width" => "http://www.w3.org/TR/css3-background/#the-border-width", 60 | "border-collapse" => "http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse", 61 | "border-color" => "http://www.w3.org/TR/css3-background/#the-border-color", 62 | "border-image" => "http://www.w3.org/TR/css3-background/#the-border-image", 63 | "border-image-outset" => "http://www.w3.org/TR/css3-background/#the-border-image-outset", 64 | "border-image-repeat" => "http://www.w3.org/TR/css3-background/#the-border-image-repeat", 65 | "border-image-slice" => "http://www.w3.org/TR/css3-background/#the-border-image-slice", 66 | "border-image-source" => "http://www.w3.org/TR/css3-background/#the-border-image-source", 67 | "border-image-width" => "http://www.w3.org/TR/css3-background/#the-border-image-width", 68 | "border-left" => "http://www.w3.org/TR/css3-background/#the-border-shorthands", 69 | "border-left-color" => "http://www.w3.org/TR/css3-background/#the-border-color", 70 | "border-left-style" => "http://www.w3.org/TR/css3-background/#the-border-style", 71 | "border-left-width" => "http://www.w3.org/TR/css3-background/#the-border-width", 72 | "border-radius" => "http://www.w3.org/TR/css3-background/#the-border-radius", 73 | "border-right" => "http://www.w3.org/TR/css3-background/#the-border-shorthands", 74 | "border-right-color" => "http://www.w3.org/TR/css3-background/#the-border-color", 75 | "border-right-style" => "http://www.w3.org/TR/css3-background/#the-border-style", 76 | "border-right-width" => "http://www.w3.org/TR/css3-background/#the-border-width", 77 | "border-spacing" => "http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing", 78 | "border-style" => "http://www.w3.org/TR/css3-background/#the-border-style", 79 | "border-top" => "http://www.w3.org/TR/css3-background/#the-border-shorthands", 80 | "border-top-color" => "http://www.w3.org/TR/css3-background/#the-border-color", 81 | "border-top-left-radius" => "http://www.w3.org/TR/css3-background/#the-border-radius", 82 | "border-top-right-radius" => "http://www.w3.org/TR/css3-background/#the-border-radius", 83 | "border-top-style" => "http://www.w3.org/TR/css3-background/#the-border-style", 84 | "border-top-width" => "http://www.w3.org/TR/css3-background/#the-border-width", 85 | "border-width" => "http://www.w3.org/TR/css3-background/#the-border-width", 86 | "bottom" => "http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom", 87 | "box-decoration-break" => "http://www.w3.org/TR/css3-background/#the-box-decoration-break", 88 | "box-shadow" => "http://www.w3.org/TR/css3-background/#the-box-shadow", 89 | "box-sizing" => "http://www.w3.org/TR/css3-ui/#box-sizing0", 90 | "break-after" => "http://www.w3.org/TR/css3-multicol/#break-after", 91 | "break-before" => "http://www.w3.org/TR/css3-multicol/#break-before", 92 | "break-inside" => "http://www.w3.org/TR/css3-multicol/#break-inside", 93 | "caption-side" => "http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side", 94 | "clear" => "http://www.w3.org/TR/css3-box/#clear", 95 | "clip" => "http://www.w3.org/TR/CSS21/visufx.html#propdef-clip", 96 | "color" => "http://www.w3.org/TR/css3-color/#color0", 97 | "color-profile" => "http://www.w3.org/TR/2003/CR-css3-color-20030514/#icc-color", 98 | "column-count" => "http://www.w3.org/TR/css3-multicol/#column-count", 99 | "column-fill" => "http://www.w3.org/TR/css3-multicol/#column-fill", 100 | "column-gap" => "http://www.w3.org/TR/css3-multicol/#column-gap", 101 | "column-rule" => "http://www.w3.org/TR/css3-multicol/#column-rule", 102 | "column-rule-color" => "http://www.w3.org/TR/css3-multicol/#column-rule-color", 103 | "column-rule-style" => "http://www.w3.org/TR/css3-multicol/#column-rule-style", 104 | "column-rule-width" => "http://www.w3.org/TR/css3-multicol/#column-rule-width", 105 | "column-span" => "http://www.w3.org/TR/css3-multicol/#column-span", 106 | "column-width" => "http://www.w3.org/TR/css3-multicol/#column-width", 107 | "columns" => "http://www.w3.org/TR/css3-multicol/#columns", 108 | "content" => "http://www.w3.org/TR/css3-content/#content", 109 | "counter-increment" => "http://www.w3.org/TR/css3-content/#counters", 110 | "counter-reset" => "http://www.w3.org/TR/css3-content/#counters", 111 | "crop" => "http://www.w3.org/TR/css3-content/#the-crop", 112 | "cue" => "http://www.w3.org/TR/css3-speech/#cue", 113 | "cue-after" => "http://www.w3.org/TR/css3-speech/#cue-after", 114 | "cue-before" => "http://www.w3.org/TR/css3-speech/#cue-before", 115 | "cursor" => "http://www.w3.org/TR/css3-ui/#cursor0", 116 | "direction" => "http://www.w3.org/TR/CSS21/visuren.html#propdef-direction", 117 | "display" => "http://www.w3.org/TR/css3-box/#display", 118 | "dominant-baseline" => "http://www.w3.org/TR/css3-linebox/#dominant-baseline", 119 | "drop-initial-after-adjust" => "http://www.w3.org/TR/css3-linebox/#drop-initial-after-adjust", 120 | "drop-initial-after-align" => "http://www.w3.org/TR/css3-linebox/#drop-initial-after-align", 121 | "drop-initial-before-adjust" => "http://www.w3.org/TR/css3-linebox/#drop-initial-before-adjust", 122 | "drop-initial-before-align" => "http://www.w3.org/TR/css3-linebox/#drop-initial-before-align", 123 | "drop-initial-size" => "http://www.w3.org/TR/css3-linebox/#drop-initial-size", 124 | "drop-initial-value" => "http://www.w3.org/TR/css3-linebox/#drop-initial-value", 125 | "elevation" => "http://www.w3.org/TR/CSS21/aural.html#propdef-elevation", 126 | "empty-cells" => "http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells", 127 | "fit" => "http://www.w3.org/TR/css3-page/#fit", 128 | "fit-position" => "http://www.w3.org/TR/css3-page/#fit-position", 129 | "flex" => "http://www.w3.org/TR/css3-flexbox/#flex", 130 | "flex-basis" => "http://www.w3.org/TR/css3-flexbox/#flex-basis0", 131 | "flex-direction" => "http://www.w3.org/TR/css3-flexbox/#flex-direction", 132 | "flex-flow" => "http://www.w3.org/TR/css3-flexbox/#flex-flow", 133 | "flex-grow" => "http://www.w3.org/TR/css3-flexbox/#flex-grow", 134 | "flex-shrink" => "http://www.w3.org/TR/css3-flexbox/#flex-shrink", 135 | "flex-wrap" => "http://www.w3.org/TR/css3-flexbox/#flex-wrap", 136 | "float" => "http://www.w3.org/TR/css3-box/#float", 137 | "float-offset" => "http://www.w3.org/TR/css3-gcpm/#float-offset", 138 | "font" => "http://www.w3.org/TR/css3-fonts/#font-prop", 139 | "font-feature-settings" => "http://www.w3.org/TR/css3-fonts/#font-feature-settings-prop", 140 | "font-family" => "http://www.w3.org/TR/css3-fonts/#font-family-prop", 141 | "font-kerning" => "http://www.w3.org/TR/css3-fonts/#font-kerning-prop", 142 | "font-language-override" => "http://www.w3.org/TR/css3-fonts/#font-language-override-prop", 143 | "font-size" => "http://www.w3.org/TR/css3-fonts/#font-size-prop", 144 | "font-size-adjust" => "http://www.w3.org/TR/css3-fonts/#font-size-adjust-prop", 145 | "font-stretch" => "http://www.w3.org/TR/css3-fonts/#font-stretch-prop", 146 | "font-style" => "http://www.w3.org/TR/css3-fonts/#font-style-prop", 147 | "font-synthesis" => "http://www.w3.org/TR/css3-fonts/#font-synthesis-prop", 148 | "font-variant" => "http://www.w3.org/TR/css3-fonts/#font-variant-prop", 149 | "font-variant-alternates" => "http://www.w3.org/TR/css3-fonts/#font-variant-alternates-prop", 150 | "font-variant-caps" => "http://www.w3.org/TR/css3-fonts/#font-variant-caps-prop", 151 | "font-variant-east-asian" => "http://www.w3.org/TR/css3-fonts/#font-variant-east-asian-prop", 152 | "font-variant-ligatures" => "http://www.w3.org/TR/css3-fonts/#font-variant-ligatures-prop", 153 | "font-variant-numeric" => "http://www.w3.org/TR/css3-fonts/#font-variant-numeric-prop", 154 | "font-variant-position" => "http://www.w3.org/TR/css3-fonts/#font-variant-position-prop", 155 | "font-weight" => "http://www.w3.org/TR/css3-fonts/#font-weight-prop", 156 | "grid-cell" => "http://www.w3.org/TR/css3-grid-layout/#grid-cell", 157 | "grid-column" => "http://www.w3.org/TR/css3-grid-layout/#grid-column", 158 | "grid-column-align" => "http://www.w3.org/TR/css3-grid-layout/#grid-column-align", 159 | "grid-column-sizing" => "http://www.w3.org/TR/css3-grid-layout/#grid-column-sizing", 160 | "grid-column-span" => "http://www.w3.org/TR/css3-grid-layout/#grid-column-span", 161 | "grid-columns" => "http://www.w3.org/TR/css3-grid-layout/#grid-columns", 162 | "grid-flow" => "http://www.w3.org/TR/css3-grid-layout/#grid-flow", 163 | "grid-row" => "http://www.w3.org/TR/css3-grid-layout/#grid-row", 164 | "grid-row-align" => "http://www.w3.org/TR/css3-grid-layout/#grid-row-align", 165 | "grid-row-sizing" => "http://www.w3.org/TR/css3-grid-layout/#grid-row-sizing", 166 | "grid-row-span" => "http://www.w3.org/TR/css3-grid-layout/#grid-row-span", 167 | "grid-rows" => "http://www.w3.org/TR/css3-grid-layout/#grid-rows", 168 | "grid-template" => "http://www.w3.org/TR/css3-grid-layout/#grid-template", 169 | "hanging-punctuation" => "http://www.w3.org/TR/css3-text/#hanging-punctuation", 170 | "height" => "http://www.w3.org/TR/css3-box/#height", 171 | "hyphens" => "http://www.w3.org/TR/css3-text/#hyphens", 172 | "icon" => "http://www.w3.org/TR/css3-ui/#icon", 173 | "image-orientation" => "http://www.w3.org/TR/css3-images/#image-orientation", 174 | "image-rendering" => "http://www.w3.org/TR/css3-images/#image-rendering", 175 | "image-resolution" => "http://www.w3.org/TR/css3-images/#image-resolution", 176 | "ime-mode" => "http://www.w3.org/TR/css3-ui/#input-method-editor", 177 | "inline-box-align" => "http://www.w3.org/TR/css3-linebox/#inline-box-align", 178 | "justify-content" => "http://www.w3.org/TR/css3-flexbox/#justify-content", 179 | "left" => "http://www.w3.org/TR/CSS21/visuren.html#propdef-left", 180 | "letter-spacing" => "http://www.w3.org/TR/css3-text/#letter-spacing", 181 | "line-break" => "http://www.w3.org/TR/css3-text/#line-break", 182 | "line-height" => "http://www.w3.org/TR/css3-linebox/#line-height", 183 | "line-stacking" => "http://www.w3.org/TR/css3-linebox/#line-stacking", 184 | "line-stacking-ruby" => "http://www.w3.org/TR/css3-linebox/#line-stacking-ruby", 185 | "line-stacking-shift" => "http://www.w3.org/TR/css3-linebox/#line-stacking-shift", 186 | "line-stacking-strategy" => "http://www.w3.org/TR/css3-linebox/#line-stacking-strategy", 187 | "list-style" => "http://www.w3.org/TR/css3-lists/#list-style", 188 | "list-style-image" => "http://www.w3.org/TR/css3-lists/#list-style-image", 189 | "list-style-position" => "http://www.w3.org/TR/css3-lists/#list-style-position", 190 | "list-style-type" => "http://www.w3.org/TR/css3-lists/#list-style-type", 191 | "margin" => "http://www.w3.org/TR/css3-box/#the-margin", 192 | "margin-bottom" => "http://www.w3.org/TR/css3-box/#the-margin", 193 | "margin-left" => "http://www.w3.org/TR/css3-box/#the-margin", 194 | "margin-right" => "http://www.w3.org/TR/css3-box/#the-margin", 195 | "margin-top" => "http://www.w3.org/TR/css3-box/#the-margin", 196 | "marker-offset" => "http://www.w3.org/TR/2008/REC-CSS2-20080411/generate.html#markers", 197 | "marks" => "http://www.w3.org/TR/css3-gcpm/#marks", 198 | "marquee-direction" => "http://www.w3.org/TR/css3-marquee/#the-marquee-direction", 199 | "marquee-loop" => "http://www.w3.org/TR/css3-box/#marquee-loop", 200 | "marquee-play-count" => "http://www.w3.org/TR/css3-marquee/#the-marquee-play-count", 201 | "marquee-speed" => "http://www.w3.org/TR/css3-marquee/#the-marquee-speed", 202 | "marquee-style" => "http://www.w3.org/TR/css3-marquee/#the-marquee-style", 203 | "max-height" => "http://www.w3.org/TR/css3-box/#max-height", 204 | "max-width" => "http://www.w3.org/TR/css3-box/#max-width", 205 | "min-height" => "http://www.w3.org/TR/css3-box/#min-height", 206 | "min-width" => "http://www.w3.org/TR/css3-box/#min-width", 207 | "move-to" => "http://www.w3.org/TR/css3-content/#moving", 208 | "nav-down" => "http://www.w3.org/TR/css3-ui/#nav-dir", 209 | "nav-index" => "http://www.w3.org/TR/css3-ui/#nav-index0", 210 | "nav-left" => "http://www.w3.org/TR/css3-ui/#nav-dir", 211 | "nav-right" => "http://www.w3.org/TR/css3-ui/#nav-dir", 212 | "nav-up" => "http://www.w3.org/TR/css3-ui/#nav-dir", 213 | "opacity" => "http://www.w3.org/TR/css3-color/#opacity", 214 | "order" => "http://www.w3.org/TR/css3-flexbox/#order", 215 | "orphans" => "http://www.w3.org/TR/css3-page/#orphans", 216 | "outline" => "http://www.w3.org/TR/css3-ui/#outline0", 217 | "outline-color" => "http://www.w3.org/TR/css3-ui/#outline-color0", 218 | "outline-offset" => "http://www.w3.org/TR/css3-ui/#outline-offset0", 219 | "outline-style" => "http://www.w3.org/TR/css3-ui/#outline-style0", 220 | "outline-width" => "http://www.w3.org/TR/css3-ui/#outline-width0", 221 | "overflow" => "http://www.w3.org/TR/css3-box/#overflow0", 222 | "overflow-style" => "http://www.w3.org/TR/css3-marquee/#the-overflow-style", 223 | "overflow-wrap" => "http://www.w3.org/TR/css3-text/#overflow-wrap", 224 | "overflow-x" => "http://www.w3.org/TR/css3-box/#overflow-x", 225 | "overflow-y" => "http://www.w3.org/TR/css3-box/#overflow-y", 226 | "padding" => "http://www.w3.org/TR/css3-box/#the-padding", 227 | "padding-bottom" => "http://www.w3.org/TR/css3-box/#the-padding", 228 | "padding-left" => "http://www.w3.org/TR/css3-box/#the-padding", 229 | "padding-right" => "http://www.w3.org/TR/css3-box/#the-padding", 230 | "padding-top" => "http://www.w3.org/TR/css3-box/#the-padding", 231 | "page" => "http://www.w3.org/TR/css3-page/#page", 232 | "page-break-after" => "http://www.w3.org/TR/css3-page/#page-break-after", 233 | "page-break-before" => "http://www.w3.org/TR/css3-page/#page-break-before", 234 | "page-break-inside" => "http://www.w3.org/TR/css3-page/#page-break-inside", 235 | "page-policy" => "http://www.w3.org/TR/css3-content/#page-policy", 236 | "pause" => "http://www.w3.org/TR/css3-speech/#pause", 237 | "pause-after" => "http://www.w3.org/TR/css3-speech/#pause-after", 238 | "pause-before" => "http://www.w3.org/TR/css3-speech/#pause-before", 239 | "perspective" => "http://www.w3.org/TR/css3-3d-transforms/#perspective-property", 240 | "perspective-origin" => "http://www.w3.org/TR/css3-3d-transforms/#perspective-origin-property", 241 | "pitch" => "http://www.w3.org/TR/CSS21/aural.html#propdef-pitch", 242 | "pitch-range" => "http://www.w3.org/TR/CSS21/aural.html#propdef-pitch-range", 243 | "play-during" => "http://www.w3.org/TR/CSS21/aural.html#propdef-play-during", 244 | "position" => "http://www.w3.org/TR/CSS21/visuren.html#propdef-position", 245 | "presentation-level" => "http://www.w3.org/TR/css3-preslev/#presentation-level-property", 246 | "punctuation-trim" => "http://www.w3.org/TR/css3-text/#punctuation-trim", 247 | "quotes" => "http://www.w3.org/TR/css3-content/#quotes", 248 | "rendering-intent" => "http://www.w3.org/TR/2003/CR-css3-color-20030514/#renderingintent", 249 | "resize" => "http://www.w3.org/TR/css3-ui/#resize0", 250 | "rest" => "http://www.w3.org/TR/css3-speech/#rest", 251 | "rest-after" => "http://www.w3.org/TR/css3-speech/#rest-after", 252 | "rest-before" => "http://www.w3.org/TR/css3-speech/#rest-before", 253 | "richness" => "http://www.w3.org/TR/CSS21/aural.html#propdef-richness", 254 | "right" => "http://www.w3.org/TR/CSS21/visuren.html#propdef-right", 255 | "rotation" => "http://www.w3.org/TR/css3-box/#rotating", 256 | "rotation-point" => "http://www.w3.org/TR/css3-box/#rotating", 257 | "ruby-align" => "http://www.w3.org/TR/css3-ruby/#ruby-align", 258 | "ruby-overhang" => "http://www.w3.org/TR/css3-ruby/#ruby-overhang", 259 | "ruby-position" => "http://www.w3.org/TR/css3-ruby/#ruby-position", 260 | "ruby-span" => "http://www.w3.org/TR/css3-ruby/#ruby-span", 261 | "size" => "http://www.w3.org/TR/css3-page/#size", 262 | "speak" => "http://www.w3.org/TR/css3-speech/#speak", 263 | "speak-as" => "http://www.w3.org/TR/css3-speech/#speak-as", 264 | "speak-header" => "http://www.w3.org/TR/CSS21/aural.html#propdef-speak-header", 265 | "speak-numeral" => "http://www.w3.org/TR/CSS21/aural.html#propdef-speak-numeral", 266 | "speak-punctuation" => "http://www.w3.org/TR/CSS21/aural.html#propdef-speak-punctuation", 267 | "speech-rate" => "http://www.w3.org/TR/CSS21/aural.html#propdef-speech-rate", 268 | "stress" => "http://www.w3.org/TR/CSS21/aural.html#propdef-stress", 269 | "string-set" => "http://www.w3.org/TR/css3-gcpm/#string-set", 270 | "tab-size" => "http://www.w3.org/TR/css3-text/#tab-size", 271 | "table-layout" => "http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout", 272 | "target" => "http://www.w3.org/TR/css3-hyperlinks/#the-target", 273 | "target-name" => "http://www.w3.org/TR/css3-hyperlinks/#the-target-name", 274 | "target-new" => "http://www.w3.org/TR/css3-hyperlinks/#the-target-new", 275 | "target-position" => "http://www.w3.org/TR/css3-hyperlinks/#the-target-position", 276 | "text-align" => "http://www.w3.org/TR/css3-text/#text-align", 277 | "text-align-last" => "http://www.w3.org/TR/css3-text/#text-align-last", 278 | "text-decoration" => "http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration", 279 | "text-decoration-color" => "http://www.w3.org/TR/css-text-decor-3/#text-decoration-color", 280 | "text-decoration-line" => "http://www.w3.org/TR/css-text-decor-3/#text-decoration-line", 281 | "text-decoration-skip" => "http://www.w3.org/TR/css-text-decor-3/#text-decoration-skip", 282 | "text-decoration-style" => "http://www.w3.org/TR/css-text-decor-3/#text-decoration-style", 283 | "text-emphasis" => "http://www.w3.org/TR/css-text-decor-3/#text-emphasis", 284 | "text-emphasis-color" => "http://www.w3.org/TR/css-text-decor-3/#text-emphasis-color", 285 | "text-emphasis-position" => "http://www.w3.org/TR/css-text-decor-3/#text-emphasis-position", 286 | "text-emphasis-style" => "http://www.w3.org/TR/css-text-decor-3/#text-emphasis-style", 287 | "text-height" => "http://www.w3.org/TR/css3-linebox/#text-height", 288 | "text-indent" => "http://www.w3.org/TR/css3-text/#text-indent", 289 | "text-justify" => "http://www.w3.org/TR/css3-text/#text-justify", 290 | "text-outline" => "http://www.w3.org/TR/css3-text/#text-outline", 291 | "text-overflow" => "http://www.w3.org/TR/css3-ui/#text-overflow", 292 | "text-shadow" => "http://www.w3.org/TR/css-text-decor-3/#text-shadow", 293 | "text-space-collapse" => "http://www.w3.org/TR/css3-text/#white-space-collapsing", 294 | "text-transform" => "http://www.w3.org/TR/CSS21/text.html#propdef-text-transform", 295 | "text-underline-position" => "http://www.w3.org/TR/css-text-decor-3/#text-underline-position", 296 | "text-wrap" => "http://www.w3.org/TR/css3-text/#text-wrap", 297 | "top" => "http://www.w3.org/TR/CSS21/visuren.html#propdef-top", 298 | "transform" => "http://www.w3.org/TR/css3-3d-transforms/#transform-property", 299 | "transform-origin" => "http://www.w3.org/TR/css3-3d-transforms/#transform-origin-property", 300 | "transform-style" => "http://www.w3.org/TR/css3-3d-transforms/#transform-style-property", 301 | "transition" => "http://www.w3.org/TR/css3-transitions/#transition", 302 | "transition-delay" => "http://www.w3.org/TR/css3-transitions/#transition-delay", 303 | "transition-duration" => "http://www.w3.org/TR/css3-transitions/#transition-duration", 304 | "transition-property" => "http://www.w3.org/TR/css3-transitions/#transition-property", 305 | "transition-timing-function" => "http://www.w3.org/TR/css3-transitions/#transition-timing-function", 306 | "unicode-bidi" => "http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi", 307 | "vertical-align" => "http://www.w3.org/TR/css3-linebox/#vertical-align", 308 | "visibility" => "http://www.w3.org/TR/css3-box/#visibility", 309 | "voice-balance" => "http://www.w3.org/TR/css3-speech/#voice-balance", 310 | "voice-duration" => "http://www.w3.org/TR/css3-speech/#voice-duration", 311 | "voice-family" => "http://www.w3.org/TR/css3-speech/#voice-family", 312 | "voice-pitch" => "http://www.w3.org/TR/css3-speech/#voice-pitch", 313 | "voice-range" => "http://www.w3.org/TR/css3-speech/#voice-range", 314 | "voice-rate" => "http://www.w3.org/TR/css3-speech/#voice-rate", 315 | "voice-stress" => "http://www.w3.org/TR/css3-speech/#voice-stress", 316 | "voice-volume" => "http://www.w3.org/TR/css3-speech/#voice-volume", 317 | "volume" => "http://www.w3.org/TR/CSS21/aural.html#propdef-volume", 318 | "white-space" => "http://www.w3.org/TR/css3-text/#white-space", 319 | "widows" => "http://www.w3.org/TR/css3-page/#widows", 320 | "width" => "http://www.w3.org/TR/css3-box/#width", 321 | "word-break" => "http://www.w3.org/TR/css3-text/#word-break", 322 | "word-spacing" => "http://www.w3.org/TR/css3-text/#word-spacing", 323 | "word-wrap" => "http://www.w3.org/TR/css3-text/#word-wrap", 324 | "z-index" => "http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index", 325 | } 326 | 327 | cur_line = ENV['TM_CURRENT_LINE'] 328 | cur_word = ENV['TM_CURRENT_WORD'] 329 | 330 | # since dash (‘-’) is not a word character, extend current word to neighboring word and dash characters 331 | $prop_name = /[-\w]*#{Regexp.escape cur_word}[-\w]*/.match(cur_line)[0] 332 | 333 | def request_prop_name 334 | s = TextMate::UI.request_string( 335 | :title => 'Documentation for Property', 336 | :prompt => 'Which property would you like to lookup?', 337 | :button1 => 'Lookup' 338 | ) 339 | 340 | unless s.nil? or s.length < 1 341 | $props[s] || "http://meiert.com/en/indices/css-properties/" 342 | else 343 | TextMate.exit_discard 344 | end 345 | end 346 | 347 | url = $props[$prop_name] || request_prop_name 348 | puts "<meta http-equiv='Refresh' content='0;URL=#{url}'>" 349 | 350 | input 351 | none 352 | inputFormat 353 | text 354 | keyEquivalent 355 | ^h 356 | name 357 | Documentation for Property 358 | outputCaret 359 | afterOutput 360 | outputFormat 361 | html 362 | outputLocation 363 | newWindow 364 | scope 365 | source.css 366 | semanticClass 367 | lookup.define.css 368 | uuid 369 | 50AA6E95-A754-4EBC-9C2A-68418C70D689 370 | version 371 | 2 372 | 373 | 374 | -------------------------------------------------------------------------------- /Commands/Insert Color.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | beforeRunningCommand 6 | nop 7 | command 8 | #!/usr/bin/env ruby18 -wKu 9 | # encoding: UTF-8 10 | 11 | require ENV['TM_SUPPORT_PATH'] + "/lib/ui" 12 | require ENV['TM_SUPPORT_PATH'] + "/lib/exit_codes" 13 | color = STDIN.read 14 | 15 | # http://www.w3schools.com/css/css_colornames.asp 16 | COLORS = { 17 | 'aliceblue' => 'F0F8FF', 18 | 'antiquewhite' => 'FAEBD7', 19 | 'aqua' => '00FFFF', 20 | 'aquamarine' => '7FFFD4', 21 | 'azure' => 'F0FFFF', 22 | 'beige' => 'F5F5DC', 23 | 'bisque' => 'FFE4C4', 24 | 'black' => '000000', 25 | 'blanchedalmond' => 'FFEBCD', 26 | 'blue' => '0000FF', 27 | 'blueviolet' => '8A2BE2', 28 | 'brown' => 'A52A2A', 29 | 'burlywood' => 'DEB887', 30 | 'cadetblue' => '5F9EA0', 31 | 'chartreuse' => '7FFF00', 32 | 'chocolate' => 'D2691E', 33 | 'coral' => 'FF7F50', 34 | 'cornflowerblue' => '6495ED', 35 | 'cornsilk' => 'FFF8DC', 36 | 'crimson' => 'DC143C', 37 | 'cyan' => '00FFFF', 38 | 'darkblue' => '00008B', 39 | 'darkcyan' => '008B8B', 40 | 'darkgoldenrod' => 'B8860B', 41 | 'darkgray' => 'A9A9A9', 42 | 'darkgrey' => 'A9A9A9', 43 | 'darkgreen' => '006400', 44 | 'darkkhaki' => 'BDB76B', 45 | 'darkmagenta' => '8B008B', 46 | 'darkolivegreen' => '556B2F', 47 | 'darkorange' => 'FF8C00', 48 | 'darkorchid' => '9932CC', 49 | 'darkred' => '8B0000', 50 | 'darksalmon' => 'E9967A', 51 | 'darkseagreen' => '8FBC8F', 52 | 'darkslateblue' => '483D8B', 53 | 'darkslategray' => '2F4F4F', 54 | 'darkslategrey' => '2F4F4F', 55 | 'darkturquoise' => '00CED1', 56 | 'darkviolet' => '9400D3', 57 | 'deeppink' => 'FF1493', 58 | 'deepskyblue' => '00BFFF', 59 | 'dimgray' => '696969', 60 | 'dimgrey' => '696969', 61 | 'dodgerblue' => '1E90FF', 62 | 'firebrick' => 'B22222', 63 | 'floralwhite' => 'FFFAF0', 64 | 'forestgreen' => '228B22', 65 | 'fuchsia' => 'FF00FF', 66 | 'gainsboro' => 'DCDCDC', 67 | 'ghostwhite' => 'F8F8FF', 68 | 'gold' => 'FFD700', 69 | 'goldenrod' => 'DAA520', 70 | 'gray' => '808080', 71 | 'grey' => '808080', 72 | 'green' => '008000', 73 | 'greenyellow' => 'ADFF2F', 74 | 'honeydew' => 'F0FFF0', 75 | 'hotpink' => 'FF69B4', 76 | 'indianred' => 'CD5C5C', 77 | 'indigo' => '4B0082', 78 | 'ivory' => 'FFFFF0', 79 | 'khaki' => 'F0E68C', 80 | 'lavender' => 'E6E6FA', 81 | 'lavenderblush' => 'FFF0F5', 82 | 'lawngreen' => '7CFC00', 83 | 'lemonchiffon' => 'FFFACD', 84 | 'lightblue' => 'ADD8E6', 85 | 'lightcoral' => 'F08080', 86 | 'lightcyan' => 'E0FFFF', 87 | 'lightgoldenrodyellow' => 'FAFAD2', 88 | 'lightgray' => 'D3D3D3', 89 | 'lightgrey' => 'D3D3D3', 90 | 'lightgreen' => '90EE90', 91 | 'lightpink' => 'FFB6C1', 92 | 'lightsalmon' => 'FFA07A', 93 | 'lightseagreen' => '20B2AA', 94 | 'lightskyblue' => '87CEFA', 95 | 'lightslategray' => '778899', 96 | 'lightslategrey' => '778899', 97 | 'lightsteelblue' => 'B0C4DE', 98 | 'lightyellow' => 'FFFFE0', 99 | 'lime' => '00FF00', 100 | 'limegreen' => '32CD32', 101 | 'linen' => 'FAF0E6', 102 | 'magenta' => 'FF00FF', 103 | 'maroon' => '800000', 104 | 'mediumaquamarine' => '66CDAA', 105 | 'mediumblue' => '0000CD', 106 | 'mediumorchid' => 'BA55D3', 107 | 'mediumpurple' => '9370D8', 108 | 'mediumseagreen' => '3CB371', 109 | 'mediumslateblue' => '7B68EE', 110 | 'mediumspringgreen' => '00FA9A', 111 | 'mediumturquoise' => '48D1CC', 112 | 'mediumvioletred' => 'C71585', 113 | 'midnightblue' => '191970', 114 | 'mintcream' => 'F5FFFA', 115 | 'mistyrose' => 'FFE4E1', 116 | 'moccasin' => 'FFE4B5', 117 | 'navajowhite' => 'FFDEAD', 118 | 'navy' => '000080', 119 | 'oldlace' => 'FDF5E6', 120 | 'olive' => '808000', 121 | 'olivedrab' => '6B8E23', 122 | 'orange' => 'FFA500', 123 | 'orangered' => 'FF4500', 124 | 'orchid' => 'DA70D6', 125 | 'palegoldenrod' => 'EEE8AA', 126 | 'palegreen' => '98FB98', 127 | 'paleturquoise' => 'AFEEEE', 128 | 'palevioletred' => 'D87093', 129 | 'papayawhip' => 'FFEFD5', 130 | 'peachpuff' => 'FFDAB9', 131 | 'peru' => 'CD853F', 132 | 'pink' => 'FFC0CB', 133 | 'plum' => 'DDA0DD', 134 | 'powderblue' => 'B0E0E6', 135 | 'purple' => '800080', 136 | 'red' => 'FF0000', 137 | 'rosybrown' => 'BC8F8F', 138 | 'royalblue' => '4169E1', 139 | 'saddlebrown' => '8B4513', 140 | 'salmon' => 'FA8072', 141 | 'sandybrown' => 'F4A460', 142 | 'seagreen' => '2E8B57', 143 | 'seashell' => 'FFF5EE', 144 | 'sienna' => 'A0522D', 145 | 'silver' => 'C0C0C0', 146 | 'skyblue' => '87CEEB', 147 | 'slateblue' => '6A5ACD', 148 | 'slategray' => '708090', 149 | 'slategrey' => '708090', 150 | 'snow' => 'FFFAFA', 151 | 'springgreen' => '00FF7F', 152 | 'steelblue' => '4682B4', 153 | 'tan' => 'D2B48C', 154 | 'teal' => '008080', 155 | 'thistle' => 'D8BFD8', 156 | 'tomato' => 'FF6347', 157 | 'turquoise' => '40E0D0', 158 | 'violet' => 'EE82EE', 159 | 'wheat' => 'F5DEB3', 160 | 'white' => 'FFFFFF', 161 | 'whitesmoke' => 'F5F5F5', 162 | 'yellow' => 'FFFF00', 163 | 'yellowgreen' => '9ACD32', 164 | } 165 | 166 | if color.match(/^(\w+|#?[0-9A-Fa-f]{3,6})$/) 167 | color = '#' + COLORS[color] if COLORS.has_key?(color.downcase) 168 | 169 | if res = TextMate::UI.request_color(color) 170 | res = res.downcase if color.downcase == color 171 | TextMate.exit_replace_text(res) 172 | else 173 | TextMate.exit_discard 174 | end 175 | else 176 | if res = TextMate::UI.request_color("") 177 | print res 178 | else 179 | TextMate.exit_discard 180 | end 181 | end 182 | 183 | fallbackInput 184 | scope 185 | input 186 | word 187 | inputFormat 188 | text 189 | keyEquivalent 190 | @C 191 | name 192 | Insert Color… 193 | outputCaret 194 | afterOutput 195 | outputFormat 196 | text 197 | outputLocation 198 | atCaret 199 | scope 200 | source.css, meta.tag string.quoted -source, source.scss 201 | uuid 202 | CC30D708-6E49-11D9-B411-000D93589AF6 203 | version 204 | 2 205 | 206 | 207 | -------------------------------------------------------------------------------- /Commands/Preview.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | beforeRunningCommand 6 | nop 7 | command 8 | #!/usr/bin/env ruby18 9 | 10 | LIPSUM = "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." 11 | 12 | def tag_preview(selector_list) 13 | html = 'TEXT_INSERT' 14 | selectors = selector_list.split(/\s+/) 15 | last_tag = '' 16 | text_insert = "Generated preview for CSS selector #{selector_list}." 17 | 18 | star_class = '' 19 | star_id = '' 20 | html_class = '' 21 | html_id = '' 22 | body_class = '' 23 | body_id = '' 24 | 25 | selectors.reverse.each do | selector | 26 | singlet = false 27 | tag = selector.clone 28 | if (tag =~ /#(.+)/) 29 | id = (tag.scan(/#(.+)/))[0][0] 30 | id.gsub!(/\..+/, '') 31 | else 32 | id = nil 33 | end 34 | if (tag =~ /\.(.+)/) 35 | cls = (tag.scan(/\.(.+)/))[0][0] 36 | cls.gsub!(/\./, ' ') 37 | cls.gsub!(/\#.+/, '') 38 | else 39 | cls = nil 40 | end 41 | 42 | tag.downcase! 43 | tag.sub!(/#(.+)/, ''); 44 | tag.sub!(/\.(.+)/, ''); 45 | tag.sub!(/:.+/, '') 46 | 47 | case tag 48 | when '*' 49 | star_class = " #{cls}" if cls 50 | star_id = " id=\"#{id}\"" if id 51 | cls = nil 52 | id = nil 53 | tag = 'div' 54 | when 'body' 55 | body_class = " #{cls}" if cls 56 | body_id = " id=\"#{id}\"" if id 57 | cls = nil 58 | id = nil 59 | tag = 'div' 60 | when 'html' 61 | html_class = " #{cls}" if cls 62 | html_id = " id=\"#{id}\"" if id 63 | cls = nil 64 | id = nil 65 | tag = 'div' 66 | end 67 | 68 | next if tag == '+' 69 | 70 | if selector =~ /^[#.]/ 71 | case last_tag 72 | when 'li' 73 | tag = 'ul' 74 | when 'td' 75 | tag = 'tr' 76 | when 'tr' 77 | tag = 'table' 78 | when /^h\d/ 79 | tag = 'div' 80 | else 81 | tag = 'span' 82 | end 83 | end 84 | 85 | if (tag =~ /\[(.+?)\]/) 86 | tag_attr = (tag.scan(/\[(.+?)\]/))[0][0] 87 | tag.gsub!(/\[.+?\]/, '') 88 | else 89 | tag_attr = nil 90 | end 91 | part = "<" + tag 92 | part += " #{tag_attr}" if tag_attr 93 | part += " id=\"#{id}\"" if id 94 | part += " class=\"#{cls}\"" if cls 95 | 96 | # defaults for img tag 97 | case tag 98 | when 'img' 99 | part += " src=\"http://www.google.com/intl/en/images/logo.gif\"" 100 | part += " alt=\"Preview of #{selector_list}\"" 101 | singlet = true 102 | when 'a' 103 | part += " href=\"\#\"" 104 | when 'input' 105 | open_tag = part.clone 106 | part += " type=\"radio\" /> Radio" 107 | part += "#{open_tag} type=\"checkbox\" /> Checkbox<br />" 108 | part += "#{open_tag} type=\"text\" value=\"Text Field\" />" 109 | part += "#{open_tag} type=\"button\" value=\"Button\"" 110 | singlet = true 111 | when 'select' 112 | part += "><option>Option 1</option><option>Option 2</option" 113 | html = '' 114 | end 115 | 116 | if (singlet) 117 | part += " />" 118 | else 119 | part += ">" 120 | part += html 121 | part += "</" + tag + ">" 122 | end 123 | 124 | case tag 125 | when /^h\d/ 126 | text_insert = tag.sub(/^h(\d+)/, "Heading \\1") 127 | when 'p' 128 | text_insert = LIPSUM 129 | when 'object', 'img', 'input' 130 | text_insert = "" 131 | end 132 | 133 | html = part 134 | last_tag = tag 135 | end 136 | 137 | if (last_tag) 138 | case last_tag 139 | when 'em', 'strong', 'b', 'i' 140 | html = "<p>#{html}</p>" 141 | when 'li' 142 | html = "<ul>#{html}</ul>" 143 | when 'td' 144 | html = "<table><tr>#{html}</tr></table>" 145 | when 'tr' 146 | html = "<table>#{html}</table>" 147 | when 'input', 'textarea', 'select' 148 | html = "<form method=\"get\">#{html}</form>" 149 | end 150 | end 151 | 152 | html = "<div>#{html}</div>" 153 | html.sub!(/TEXT_INSERT/, text_insert) 154 | 155 | return <<EOT 156 | <div class="__wrap_wrap"><div class="__star_wrap#{star_class}"#{star_id}><div class="__html_wrap#{html_class}"#{html_id}><div class="__body_wrap#{body_class}"#{body_id}>#{html}</div></div></div></div> 157 | EOT 158 | end 159 | 160 | def preview_css(str) 161 | orig_css = str.clone 162 | orig_css.gsub!(/<entity\.name\.tag\.wildcard\.css>\*<\/entity\.name\.tag\.wildcard\.css>/, '.__star_wrap') 163 | orig_css.gsub!(/<entity\.name\.tag\.css>body<\/entity\.name\.tag\.css>/, '.__body_wrap') 164 | orig_css.gsub!(/<entity\.name\.tag\.css>html<\/entity\.name\.tag\.css>/, '.__html_wrap') 165 | 166 | orig_css.gsub!(/<.+?>/, '') 167 | orig_css.gsub!(/&lt;\/?style\b.*?&gt;/m, '') 168 | orig_css.strip! 169 | 170 | #meta.selector.css -> wraps the selector 171 | #meta.property-list.css -> wraps the properties 172 | rules = str.scan(/<meta\.selector\.css>\s*(.+?)\s*<\/meta\.selector\.css>.*?<meta\.property-list\.css>(.+?)<\/meta\.property-list\.css>/m) 173 | 174 | html = '' 175 | css = '' 176 | rule_num = 0 177 | 178 | rules.each do | rule | 179 | selector = rule[0].gsub(/<.+?>/, '') 180 | styles = rule[1].gsub(/<.+?>/, '') 181 | styles.gsub!(/^\s*\{\n*/m, '') 182 | styles.gsub!(/\s*\}\s*$/m, '') 183 | styles.gsub!(/\t/, ' ' * ENV['TM_TAB_SIZE'].to_i) 184 | selectors = selector.split(/\s*,\s*/m) 185 | selectors.each do | single_selector | 186 | rule_num += 1 187 | html += "<div class=\"__rule_clear\"></div>\n\n" if html != '' 188 | html += "<div class=\"__rule_selector\">#{single_selector} <a class=\"__view_link\" href=\"javascript:viewCSS('__rule#{rule_num}')\" title=\"Click to toggle CSS view\">CSS</a><div class=\"__rule\" id=\"__rule#{rule_num}\" style=\"display: none\">#{styles}</div></div>\n\n" 189 | html += tag_preview(single_selector) + "\n\n" 190 | end 191 | end 192 | 193 | filename = ENV['TM_FILENAME'] || 'untitled' 194 | base = '' 195 | base = "<base href=\"file://#{ENV['TM_FILEPATH']}\" />" if ENV['TM_FILEPATH'] 196 | 197 | return <<EOT 198 | <?xml version="1.0" encoding="utf-8"?> 199 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 200 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 201 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 202 | <head> 203 | #{base} 204 | <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 205 | <meta http-equiv="Content-Language" content="en-us" /> 206 | <title>CSS Preview for #{filename}</title> 207 | <style type="text/css"> 208 | #{orig_css} 209 | .__wrap_wrap { 210 | position: relative; 211 | margin-top: 5px; 212 | margin-bottom: 20px; 213 | border-top: 1px solid #ccc; 214 | } 215 | .__rule_selector { 216 | font-family: Times; 217 | font-size: 16px; 218 | border-top: 1px solid #ccc; 219 | } 220 | .__rule { 221 | white-space: pre; 222 | word-wrap: break-word; 223 | font-family: Monaco; 224 | font-size: 11px; 225 | } 226 | .__view_link { 227 | font-family: Monaco; 228 | font-size: 11px; 229 | } 230 | .__rule_clear:after { 231 | content: "."; 232 | display: block; 233 | height: 0; 234 | clear: both; 235 | visibility: hidden; 236 | } 237 | </style> 238 | <script type="text/javascript"> 239 | function viewCSS(rule_id) { 240 | var el = document.getElementById(rule_id); 241 | if (el) { 242 | if (el.style.display == 'none') 243 | el.style.display = 'block'; 244 | else 245 | el.style.display = 'none'; 246 | } 247 | } 248 | </script> 249 | </head> 250 | 251 | <body> 252 | #{html} 253 | </body> 254 | </html> 255 | EOT 256 | end 257 | 258 | print preview_css(STDIN.read) 259 | 260 | fallbackInput 261 | scope 262 | input 263 | selection 264 | inputFormat 265 | xml 266 | keyEquivalent 267 | ^~@p 268 | name 269 | Preview 270 | output 271 | showAsHTML 272 | scope 273 | source.css - text.html 274 | uuid 275 | 05554FE0-4A70-4F3E-81C5-72855D7EB428 276 | 277 | 278 | -------------------------------------------------------------------------------- /Commands/Validate Selected CSS.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | beforeRunningCommand 6 | nop 7 | command 8 | #!/usr/bin/env ruby18 9 | 10 | print '<html><head><meta http-equiv="Refresh" content="0; URL=' 11 | print 'http://jigsaw.w3.org/css-validator/validator?warning=1&profile=none&usermedium=all&text=' 12 | 13 | scope = STDIN.read 14 | 15 | scope.gsub!(/<\/?style.*?>/, '') 16 | 17 | ((scope != nil && scope.size > 0) ? scope : $< ).each_byte do |b| 18 | 19 | if b == 32 20 | print '+' 21 | elsif b.chr =~ /\w/ 22 | print b.chr 23 | else 24 | printf '%%%02x', b 25 | end 26 | end 27 | 28 | puts '#errors"></head><body></body></html>' 29 | fallbackInput 30 | scope 31 | input 32 | selection 33 | keyEquivalent 34 | ^V 35 | name 36 | Validate CSS 37 | output 38 | showAsHTML 39 | scope 40 | source.css 41 | uuid 42 | 45E5E5A1-84CC-11D9-970D-0011242E4184 43 | 44 | 45 | -------------------------------------------------------------------------------- /DragCommands/Insert Image URL.tmDragCommand: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | bundleUUID 6 | 4675F24E-6227-11D9-BFB1-000D93589AF6 7 | command 8 | if echo "$TM_SCOPE" | grep -q meta.property-list.css 9 | then 10 | if echo "$TM_SCOPE" | grep -q meta.property-value.css 11 | then 12 | if echo "$TM_CURRENT_WORD" | grep -q url\(\) 13 | then echo -n "'$TM_DROPPED_FILE'" 14 | elif echo "$TM_SCOPE" | grep -q string.quoted.single.css 15 | then echo -n "$TM_DROPPED_FILE" 16 | else 17 | echo -n "url('$TM_DROPPED_FILE')" 18 | fi 19 | else 20 | echo -ne "background:\${1: #\${2:DDD}} url('$TM_DROPPED_FILE')\${3: \${4:repeat/repeat-x/repeat-y/no-repeat} \${5:scroll/fixed} \${6:top/center/bottom/x-%/x-pos} \${7:left/center/right/y-%/y-pos}};\n\$0" 21 | fi 22 | else 23 | echo -ne "\${1:#selector} {\n background: url('$TM_DROPPED_FILE')\${3: \${4:no-repeat} \${5:scroll} \${6:top} \${7:left}};\n" 24 | sips -g pixelWidth -g pixelHeight "$TM_DROPPED_FILE"|awk '/pixelWidth/ { printf(" width: %dpx;\n", $2) } /pixelHeight/ { printf(" height: %dpx;\n}\$0", $2) }' 25 | fi 26 | draggedFileExtensions 27 | 28 | png 29 | jpeg 30 | jpg 31 | gif 32 | 33 | name 34 | Insert Image URL 35 | output 36 | insertAsSnippet 37 | scope 38 | source.css 39 | uuid 40 | 6ED38063-8791-41BB-9F9F-F9EA378B1526 41 | 42 | 43 | -------------------------------------------------------------------------------- /Macros/Format CSS Compressed.tmMacro: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | commands 6 | 7 | 8 | argument 9 | 10 | action 11 | replaceAll 12 | findString 13 | \n+ 14 | regularExpression 15 | 16 | replaceAllScope 17 | selection 18 | replaceString 19 | \n 20 | 21 | command 22 | findWithOptions: 23 | 24 | 25 | argument 26 | 27 | action 28 | replaceAll 29 | findString 30 | [ \t]+ 31 | regularExpression 32 | 33 | replaceAllScope 34 | selection 35 | replaceString 36 | 37 | 38 | command 39 | findWithOptions: 40 | 41 | 42 | argument 43 | 44 | action 45 | replaceAll 46 | findString 47 | (?m)([;:])\s+ 48 | regularExpression 49 | 50 | replaceAllScope 51 | selection 52 | replaceString 53 | $1 54 | 55 | command 56 | findWithOptions: 57 | 58 | 59 | argument 60 | 61 | action 62 | replaceAll 63 | findString 64 | \s*}\s* 65 | regularExpression 66 | 67 | replaceAllScope 68 | selection 69 | replaceString 70 | }\n 71 | 72 | command 73 | findWithOptions: 74 | 75 | 76 | argument 77 | 78 | action 79 | replaceAll 80 | findString 81 | \s*{\s* 82 | regularExpression 83 | 84 | replaceAllScope 85 | selection 86 | replaceString 87 | { 88 | 89 | command 90 | findWithOptions: 91 | 92 | 93 | argument 94 | 95 | action 96 | replaceAll 97 | findString 98 | [ \t]*,[ \t]* 99 | regularExpression 100 | 101 | replaceAllScope 102 | selection 103 | replaceString 104 | , 105 | 106 | command 107 | findWithOptions: 108 | 109 | 110 | argument 111 | 112 | action 113 | replaceAll 114 | findString 115 | ^\s+ 116 | regularExpression 117 | 118 | replaceAllScope 119 | selection 120 | replaceString 121 | 122 | 123 | command 124 | findWithOptions: 125 | 126 | 127 | keyEquivalent 128 | ^~q 129 | name 130 | Format CSS Compressed 131 | scope 132 | source.css 133 | uuid 134 | 3556C0BE-73B3-45CE-8C9C-7B3AA3BB038B 135 | 136 | 137 | -------------------------------------------------------------------------------- /Macros/Format CSS.tmMacro: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | commands 6 | 7 | 8 | argument 9 | 10 | action 11 | replaceAll 12 | findInProjectIgnoreCase 13 | 14 | findInProjectRegularExpression 15 | 16 | findString 17 | (?m)({|;)\s*([-\w]+:)\s*(?=\S) 18 | ignoreCase 19 | 20 | regularExpression 21 | 22 | replaceAllScope 23 | selection 24 | replaceString 25 | $1\n$2 26 | wrapAround 27 | 28 | 29 | command 30 | findWithOptions: 31 | 32 | 33 | argument 34 | 35 | action 36 | replaceAll 37 | findInProjectIgnoreCase 38 | 39 | findInProjectRegularExpression 40 | 41 | findString 42 | (?m)\s*}[ \t]*\n? 43 | ignoreCase 44 | 45 | regularExpression 46 | 47 | replaceAllScope 48 | selection 49 | replaceString 50 | \n}\n 51 | wrapAround 52 | 53 | 54 | command 55 | findWithOptions: 56 | 57 | 58 | argument 59 | 60 | action 61 | replaceAll 62 | findInProjectIgnoreCase 63 | 64 | findInProjectRegularExpression 65 | 66 | findString 67 | (?m)\s*{[ \t]* 68 | ignoreCase 69 | 70 | regularExpression 71 | 72 | replaceAllScope 73 | selection 74 | replaceString 75 | { 76 | wrapAround 77 | 78 | 79 | command 80 | findWithOptions: 81 | 82 | 83 | command 84 | alignLeft: 85 | 86 | 87 | command 88 | indent: 89 | 90 | 91 | keyEquivalent 92 | ^q 93 | name 94 | Format CSS 95 | scope 96 | source.css 97 | uuid 98 | 64180C76-8C8D-4F29-82BE-6096BE1B14D8 99 | 100 | 101 | -------------------------------------------------------------------------------- /Preferences/Comments.tmPreferences: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | name 6 | Comments 7 | scope 8 | source.css 9 | settings 10 | 11 | shellVariables 12 | 13 | 14 | name 15 | TM_COMMENT_START 16 | value 17 | /* 18 | 19 | 20 | name 21 | TM_COMMENT_END 22 | value 23 | */ 24 | 25 | 26 | name 27 | TM_COMMENT_DISABLE_INDENT 28 | value 29 | yes 30 | 31 | 32 | 33 | uuid 34 | 375CF370-8A7B-450A-895C-FD18B47957E2 35 | 36 | 37 | -------------------------------------------------------------------------------- /Preferences/Completions.tmPreferences: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | name 6 | Completions 7 | scope 8 | source.css -meta.property-list 9 | settings 10 | 11 | completions 12 | 13 | * 14 | # 15 | . 16 | a 17 | abbr 18 | acronym 19 | address 20 | area 21 | b 22 | base 23 | big 24 | blockquote 25 | body 26 | br 27 | button 28 | caption 29 | cite 30 | code 31 | col 32 | colgroup 33 | dd 34 | del 35 | dfn 36 | div 37 | dl 38 | dt 39 | em 40 | fieldset 41 | form 42 | frame 43 | frameset 44 | h1 45 | h2 46 | h3 47 | h4 48 | h5 49 | h6 50 | head 51 | hr 52 | html 53 | i 54 | iframe 55 | img 56 | input 57 | ins 58 | kbd 59 | label 60 | legend 61 | li 62 | link 63 | map 64 | meta 65 | noframes 66 | noscript 67 | object 68 | ol 69 | optgroup 70 | option 71 | p 72 | param 73 | pre 74 | q 75 | samp 76 | script 77 | select 78 | small 79 | span 80 | strike 81 | strong 82 | style 83 | sub 84 | sup 85 | table 86 | tbody 87 | td 88 | textarea 89 | tfoot 90 | th 91 | thead 92 | title 93 | tr 94 | tt 95 | ul 96 | var 97 | 98 | 99 | uuid 100 | 92B0C9FE-CC81-498A-B93C-376A9C47CF2D 101 | 102 | 103 | -------------------------------------------------------------------------------- /Preferences/Folding.tmPreferences: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | name 6 | Folding 7 | scope 8 | source.css 9 | settings 10 | 11 | foldingStartMarker 12 | /\*\*(?!\*)|\{\s*($|/\*(?!.*?\*/.*\S))|\/\*\s*@group\s*.*\s*\*\/ 13 | foldingStopMarker 14 | (?<!\*)\*\*/|^\s*\}|\/*\s*@end\s*\*\/ 15 | 16 | uuid 17 | 37393068-A217-494A-9DA4-68FD43FB4F8B 18 | 19 | 20 | -------------------------------------------------------------------------------- /Preferences/Miscellaneous.tmPreferences: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | name 6 | Miscellaneous 7 | scope 8 | source.css 9 | settings 10 | 11 | smartTypingPairs 12 | 13 | 14 | " 15 | " 16 | 17 | 18 | ( 19 | ) 20 | 21 | 22 | { 23 | } 24 | 25 | 26 | [ 27 | ] 28 | 29 | 30 | “ 31 | ” 32 | 33 | 34 | ' 35 | ' 36 | 37 | 38 | ` 39 | ` 40 | 41 | 42 | 43 | uuid 44 | 623154CA-0EDF-4365-9441-80D396C11979 45 | 46 | 47 | -------------------------------------------------------------------------------- /Preferences/Property Completions.tmPreferences: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | name 6 | Property Completions 7 | scope 8 | source.css meta.property-list -meta.property-value 9 | settings 10 | 11 | completions 12 | 13 | -moz-border-radius 14 | -webkit-font-smoothing 15 | azimuth 16 | background 17 | background-attachment 18 | background-color 19 | background-image 20 | background-position 21 | background-repeat 22 | border 23 | border-bottom 24 | border-bottom-color 25 | border-bottom-style 26 | border-bottom-width 27 | border-collapse 28 | border-color 29 | border-left 30 | border-left-color 31 | border-left-style 32 | border-left-width 33 | border-right 34 | border-right-color 35 | border-right-style 36 | border-right-width 37 | border-spacing 38 | border-style 39 | border-top 40 | border-top-color 41 | border-top-style 42 | border-top-width 43 | border-width 44 | bottom 45 | caption-side 46 | clear 47 | clip 48 | color 49 | content 50 | counter-increment 51 | counter-reset 52 | cue 53 | cue-after 54 | cue-before 55 | cursor 56 | direction 57 | display 58 | elevation 59 | empty-cells 60 | float 61 | font 62 | font-family 63 | font-size 64 | font-size-adjust 65 | font-stretch 66 | font-style 67 | font-variant 68 | font-weight 69 | height 70 | left 71 | letter 72 | letter-spacing 73 | line-height 74 | list 75 | list-style 76 | list-style-image 77 | list-style-position 78 | list-style-type 79 | margin 80 | margin-bottom 81 | margin-left 82 | margin-right 83 | margin-top 84 | marker 85 | marker-offset 86 | marks 87 | max-height 88 | max-width 89 | min-height 90 | min-width 91 | opacity 92 | orphans 93 | outline 94 | outline-color 95 | outline-style 96 | outline-width 97 | overflow 98 | overflow(-[xy])? 99 | padding 100 | padding-bottom 101 | padding-left 102 | padding-right 103 | padding-top 104 | page 105 | page-break-after 106 | page-break-before 107 | page-break-inside 108 | pause 109 | pause-after 110 | pause-before 111 | pitch 112 | pitch-range 113 | play-during 114 | position 115 | quotes 116 | richness 117 | right 118 | scrollbar 119 | size 120 | speak 121 | speak-header 122 | speak-numeral 123 | speak-punctuation 124 | speech-rate 125 | stress 126 | table-layout 127 | text 128 | text-align 129 | text-decoration 130 | text-indent 131 | text-shadow 132 | text-transform 133 | top 134 | unicode-bidi 135 | vertical 136 | vertical-align 137 | visibility 138 | voice-family 139 | volume 140 | white 141 | white-space 142 | widows 143 | width 144 | word 145 | word-spacing 146 | z-index 147 | 148 | 149 | uuid 150 | BCAF7514-033E-45D7-9E46-07FACF84DAAD 151 | 152 | 153 | -------------------------------------------------------------------------------- /Preferences/Property Value Completions.tmPreferences: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | name 6 | Property Value Completions 7 | scope 8 | source.css meta.property-value 9 | settings 10 | 11 | completions 12 | 13 | absolute 14 | all-scroll 15 | always 16 | antialiased 17 | auto 18 | baseline 19 | below 20 | bidi-override 21 | block 22 | bold 23 | bolder 24 | both 25 | bottom 26 | break-all 27 | break-word 28 | capitalize 29 | center 30 | char 31 | circle 32 | col-resize 33 | collapse 34 | crosshair 35 | dashed 36 | decimal 37 | default 38 | disabled 39 | disc 40 | distribute 41 | distribute-all-lines 42 | distribute-letter 43 | distribute-space 44 | dotted 45 | double 46 | e-resize 47 | ellipsis 48 | fixed 49 | geometricPrecision 50 | groove 51 | hand 52 | help 53 | hidden 54 | horizontal 55 | ideograph-alpha 56 | ideograph-numeric 57 | ideograph-parenthesis 58 | ideograph-space 59 | important 60 | inactive 61 | inherit 62 | inline 63 | inline-block 64 | inset 65 | inside 66 | inter-ideograph 67 | inter-word 68 | italic 69 | justify 70 | keep-all 71 | left 72 | lighter 73 | line 74 | line-edge 75 | line-through 76 | list-item 77 | loose 78 | lower-alpha 79 | lower-roman 80 | lowercase 81 | lr-tb 82 | ltr 83 | medium 84 | middle 85 | move 86 | n-resize 87 | ne-resize 88 | never 89 | newspaper 90 | no-drop 91 | no-repeat 92 | none 93 | normal 94 | not-allowed 95 | nowrap 96 | nw-resize 97 | oblique 98 | optimizeLegibility 99 | optimizeSpeed 100 | outset 101 | outside 102 | overline 103 | pointer 104 | progress 105 | relative 106 | repeat 107 | repeat-x 108 | repeat-y 109 | ridge 110 | right 111 | row-resize 112 | rtl 113 | s-resize 114 | scroll 115 | se-resize 116 | separate 117 | small-caps 118 | solid 119 | square 120 | static 121 | strict 122 | subpixel-antialiased 123 | super 124 | sw-resize 125 | table-footer-group 126 | table-header-group 127 | tb-rl 128 | text 129 | text-bottom 130 | text-top 131 | thick 132 | thin 133 | top 134 | transparent 135 | underline 136 | upper-alpha 137 | upper-roman 138 | uppercase 139 | url("") 140 | vertical-ideographic 141 | vertical-text 142 | visible 143 | w-resize 144 | wait 145 | whitespace 146 | 147 | 148 | uuid 149 | 1E4F54FD-1940-42E0-9D0A-0EC11D81E446 150 | 151 | 152 | -------------------------------------------------------------------------------- /Preferences/PropertyName.tmPreferences: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | name 6 | PropertyName 7 | scope 8 | meta.property-list.css -meta.property-value 9 | settings 10 | 11 | smartTypingPairs 12 | 13 | 14 | : 15 | ; 16 | 17 | 18 | 19 | uuid 20 | 45707407-3307-4B4D-AE9B-78BDCFB6F920 21 | 22 | 23 | -------------------------------------------------------------------------------- /Preferences/Symbol List: Group.tmPreferences: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | name 6 | Symbol List: Group 7 | scope 8 | source.css comment.block.css -text source.css 9 | settings 10 | 11 | showInSymbolList 12 | 1 13 | symbolTransformation 14 | s/\/\*\*\s*(.*?)\s*\*\//** $1 **/; s/\/\*.*?\*\*\//./; s/\/\*[^\*].*?[^\*]\*\/// 15 | 16 | uuid 17 | 096894D8-6A5A-4F1D-B68C-782F0A850E52 18 | 19 | 20 | -------------------------------------------------------------------------------- /Preferences/Symbol List: Selector Embedded.tmPreferences: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | name 6 | Symbol List: Selector Embedded 7 | scope 8 | * source.css meta.selector, * source.css meta.at-rule.media 9 | settings 10 | 11 | showInSymbolList 12 | 1 13 | symbolTransformation 14 | s/^\s*/CSS: /; s/\s+/ /g 15 | 16 | uuid 17 | 729A1696-8A3F-49D4-9128-E6AA20179A56 18 | 19 | 20 | -------------------------------------------------------------------------------- /Preferences/Symbol list.tmPreferences: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | name 6 | Symbol List: Selector 7 | scope 8 | source.css meta.selector, source.css meta.at-rule.media 9 | settings 10 | 11 | showInSymbolList 12 | 1 13 | 14 | uuid 15 | 17B2DD5B-D2EA-4DC5-9C7D-B09B505156C5 16 | 17 | 18 | -------------------------------------------------------------------------------- /README.mdown: -------------------------------------------------------------------------------- 1 | # Installation 2 | 3 | You can install this bundle in TextMate by opening the preferences and going to the bundles tab. After installation it will be automatically updated for you. 4 | 5 | # General 6 | 7 | * [Bundle Styleguide](http://kb.textmate.org/bundle_styleguide) — _before you make changes_ 8 | * [Commit Styleguide](http://kb.textmate.org/commit_styleguide) — _before you send a pull request_ 9 | * [Writing Bug Reports](http://kb.textmate.org/writing_bug_reports) — _before you report an issue_ 10 | 11 | # License 12 | 13 | If not otherwise specified (see below), files in this repository fall under the following license: 14 | 15 | Permission to copy, use, modify, sell and distribute this 16 | software is granted. This software is provided "as is" without 17 | express or implied warranty, and with no claim as to its 18 | suitability for any purpose. 19 | 20 | An exception is made for files in readable text which contain their own license information, or files where an accompanying file exists (in the same directory) with a “-license” suffix added to the base-name name of the original file, and an extension of txt, html, or similar. For example “tidy” is accompanied by “tidy-license.txt”. -------------------------------------------------------------------------------- /Snippets/!important CSS (!).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | ${1:!important} 7 | keyEquivalent 8 | 9 | name 10 | !important CSS 11 | scope 12 | source.css 13 | tabTrigger 14 | ! 15 | uuid 16 | EF1F2D38-A71A-4D1D-9B07-B1CBB6D84B81 17 | 18 | 19 | -------------------------------------------------------------------------------- /Snippets/Fixed Position Bottom 100% wide IE6.tmSnippet: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | ${2:bottom: auto;}top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-${1:THE HEIGHT OF THIS THING IN PIXELS})); 7 | ${3:left: expression(eval(document.documentElement.scrollLeft)); 8 | }${4:width: expression(eval(document.documentElement.clientWidth));}$0 9 | name 10 | Fixed Position Bottom 100% wide IE6 11 | scope 12 | source.css meta.property-list 13 | tabTrigger 14 | fixed 15 | uuid 16 | FCDDB549-681A-436F-894E-1A408C0E114C 17 | 18 | 19 | -------------------------------------------------------------------------------- /Snippets/background-attachment: scroll:fixed (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | background-attachment: ${1|scroll,fixed|};$0 7 | name 8 | background-attachment: scroll/fixed 9 | scope 10 | source.css 11 | tabTrigger 12 | background 13 | uuid 14 | 9E194D74-B73B-4D2B-A89F-51F7468A3E97 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/background-color: color-hex (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | background-color: #${1:DDD};$0 7 | name 8 | background-color: hex 9 | scope 10 | source.css 11 | tabTrigger 12 | background 13 | uuid 14 | 32B7B151-17CB-4DA4-AC0B-7D02BC606403 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/background-color: color-name (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | background-color: ${1:red};$0 7 | name 8 | background-color: name 9 | scope 10 | source.css 11 | tabTrigger 12 | background 13 | uuid 14 | 913410E0-623A-43F0-B71F-2E8FB9D5EBC8 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/background-color: color-rgb (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | background-color: rgb(${1:255},${2:255},${3:255});$0 7 | name 8 | background-color: rgb 9 | scope 10 | source.css 11 | tabTrigger 12 | background 13 | uuid 14 | 12241B4B-197C-41AF-ACC2-6B9A7AEC7039 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/background-color: transparent (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | background-color: transparent;$0 7 | name 8 | background-color: transparent 9 | scope 10 | source.css 11 | tabTrigger 12 | background 13 | uuid 14 | C71B1388-2815-4CAE-8652-CD159095AEAD 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/background-image: none (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | background-image: none;$0 7 | name 8 | background-image: none 9 | scope 10 | source.css 11 | tabTrigger 12 | background 13 | uuid 14 | 7D71DF8B-492E-493D-BD94-1A4AFCCDCBBF 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/background-image: url (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | background-image: url($1);$0 7 | name 8 | background-image: url 9 | scope 10 | source.css 11 | tabTrigger 12 | background 13 | uuid 14 | 978CBFF6-62D6-45B1-93F7-5644E1C6262B 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/background-position: position (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | background-position: ${1|top left,top center,top right,center left,center center,center right,bottom left,bottom center,bottom right,x-% y-%,x-pos y-pos|};$0 7 | name 8 | background-position: position 9 | scope 10 | source.css 11 | tabTrigger 12 | background 13 | uuid 14 | E198D2D5-6B52-42FD-BCBC-01B0A7E5E80E 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/background-repeat: r:r-x:r-y:n-r (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | background-repeat: ${1|repeat,repeat-x,repeat-y,no-repeat|};$0 7 | name 8 | background-repeat: r/r-x/r-y/n-r 9 | scope 10 | source.css 11 | tabTrigger 12 | background 13 | uuid 14 | 4EE66583-26BE-4DBA-BD18-8DAF593835F9 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/background: color image repeat attachment position (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | background:${6: #${1:DDD}} url($2) ${3|repeat,repeat-x,repeat-y,no-repeat|} ${4|scroll,fixed|} ${5|top left,top center,top right,center left,center center,center right,bottom left,bottom center,bottom right,x-% y-%,x-pos y-pos|};$0 7 | name 8 | background: color image repeat attachment position 9 | scope 10 | source.css 11 | tabTrigger 12 | background 13 | uuid 14 | D09967B1-2215-4B10-A331-7A372281DDA6 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-bottom-color: size style color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-bottom-color: #${1:999};$0 7 | name 8 | border-bottom-color: color 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 05AFB9EB-F4AB-4F86-8170-535CF508176C 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-bottom-style: size style color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-bottom-style: ${1|none,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset|};$0 7 | name 8 | border-bottom-style: style 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 39FA441C-3A8F-49D4-BBFE-270B4C962782 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-bottom-width: size style color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-bottom-width: ${1:1}px ${2:solid} #${3:999};$0 7 | name 8 | border-bottom-width: size 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 6F1126A9-5916-4E6F-8812-AB82C4638B6B 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-bottom: size style color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-bottom: ${1:1}px ${2:solid} #${3:999};$0 7 | name 8 | border-bottom: size style color 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 1998EF7F-D855-4EAF-8CE0-D76CE8C905A4 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-color: color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-color: ${1:999};$0 7 | name 8 | border-color: color 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | AB0759F4-4243-4807-B297-2902459EBE02 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-left-color: color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-right-color: #${1:999};$0 7 | name 8 | border-left-color: color 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 189DD463-0331-4B99-8CA2-ADEEF7CC078D 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-left-style: style (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-left-style: ${1|none,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset|};$0 7 | name 8 | border-left-style: style 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 8AD77320-0E31-48B9-94A9-982FD8DD1885 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-left-width: size (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-left-width: ${1:1}px 7 | name 8 | border-left-width: size 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 1A667AFE-208F-4697-AD44-3FA1A23AA4C7 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-left: size style color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-left: ${1:1}px ${2:solid} #${3:999};$0 7 | name 8 | border-left: size style color 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | BDA03041-39C6-461C-A6F3-F6145D99AB5E 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-right-color: color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-right-color: #${1:999};$0 7 | name 8 | border-right-color: color 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 321FFAF7-5699-45E6-8696-DE84AD607690 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-right-style: style (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-right-style: ${1|none,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset|};$0 7 | name 8 | border-right-style: style 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 6AE8DB39-F8E2-4DC9-ADBA-460E952439D8 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-right-width: size (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-right-width: ${1:1}px 7 | name 8 | border-right-width: size 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 8B059A97-7F2C-48CD-8422-0ECAB678E8AE 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-right: size style color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-right: ${1:1}px ${2:solid} #${3:999};$0 7 | name 8 | border-right: size style color 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 5FFC4EDE-9AEE-4854-BA78-34BD98BE7FBE 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-style: style (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-style: ${1|none,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset|};$0 7 | name 8 | border-style: style 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | E4BD9171-E053-4EEF-8631-CFC74F1DCB97 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-top-color: color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-top-color: #${1:999};$0 7 | name 8 | border-top-color: color 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | DAF7114F-B5DC-4E70-A7CD-66FF028F93B1 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-top-style: style (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-top-style: ${1|none,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset|};$0 7 | name 8 | border-top-style: style 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | C5039010-E264-4D3D-A12E-02C2DB7DC4BF 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-top-width: size (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-top-width: ${1:1}px 7 | name 8 | border-top-width: size 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | EE19367C-6634-4854-910D-90C6F5752A46 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-top: size style color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-top: ${1:1}px ${2:solid} #${3:999};$0 7 | name 8 | border-top: size style color 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 0FEBF51B-77B0-4D38-9CDB-276744CAF455 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border-width: width (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border-width: ${1:1px};$0 7 | name 8 | border-width: size 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | 979C3D46-E8B1-484D-9DBB-E3B1FCD3BCF9 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/border: size style color (border).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | border: ${1:1px} ${2:solid} #${3:999};$0 7 | name 8 | border: size style color 9 | scope 10 | source.css 11 | tabTrigger 12 | border 13 | uuid 14 | A2EA7266-AE50-4987-A86B-E3C4DFA5B643 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/clear: value (clear).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | clear: ${1|left,right,both,none|};$0 7 | name 8 | clear: value 9 | scope 10 | source.css 11 | tabTrigger 12 | clear 13 | uuid 14 | 8E9366D7-BB0B-456C-B9F3-0CE8072A10C3 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/color: color-hex (color).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | color: #${1:DDD};$0 7 | name 8 | color: hex 9 | scope 10 | source.css 11 | tabTrigger 12 | color 13 | uuid 14 | D69E7EB0-07E2-48A3-AD32-A7C3E6CAFBBC 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/color: color-name (color).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | color: ${1:red};$0 7 | name 8 | color: name 9 | scope 10 | source.css 11 | tabTrigger 12 | color 13 | uuid 14 | 45D80BAF-0B0A-4334-AFBC-3601B5903707 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/color: color-rgb (color).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | color: rgb(${1:255},${2:255},${3:255});$0 7 | name 8 | color: rgb 9 | scope 10 | source.css 11 | tabTrigger 12 | color 13 | uuid 14 | FBA1210B-33DB-49D0-B026-FF31DBC41FD6 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/cursor: type (cursor).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | cursor: ${1|default,auto,crosshair,pointer,move,*-resize,text,wait,help|};$0 7 | name 8 | cursor: type 9 | scope 10 | source.css 11 | tabTrigger 12 | cursor 13 | uuid 14 | 5EDCDB17-5DB0-459A-A61D-29984DD3A3B8 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/cursor: url (cursor).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | cursor: url($1);$0 7 | name 8 | cursor: url 9 | scope 10 | source.css 11 | tabTrigger 12 | cursor 13 | uuid 14 | 5C9011B1-B8A8-4FD3-8EA8-848AF6509ADF 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/direction: ltr|rtl (direction).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | direction: ${1:ltr|rtl};$0 7 | name 8 | direction: ltr/rtl 9 | scope 10 | source.css 11 | tabTrigger 12 | direction 13 | uuid 14 | A723DACA-3819-4E8D-8BCF-9BD1B98AF651 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/display: block (display).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | display: block;$0 7 | name 8 | display: block 9 | scope 10 | source.css 11 | tabTrigger 12 | display 13 | uuid 14 | 2FC3C35E-88A6-4DA0-808D-3034A96E7794 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/display: common-types (display).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | display: ${1|none,inline,block,list-item,run-in,compact,marker|};$0 7 | name 8 | display: common-types 9 | scope 10 | source.css 11 | tabTrigger 12 | display 13 | uuid 14 | 56940467-7D99-4F31-83C2-1554638F552A 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/display: inline (display).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | display: inline;$0 7 | name 8 | display: inline 9 | scope 10 | source.css 11 | tabTrigger 12 | display 13 | uuid 14 | CA506D09-9EAE-445D-AE1E-7058937304B7 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/display: table-types (display).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | display: ${1|table,inline-table,table-row-group,table-header-group,table-footer-group,table-row,table-column-group,table-column,table-cell,table-caption|};$0 7 | name 8 | display: table-types 9 | scope 10 | source.css 11 | tabTrigger 12 | display 13 | uuid 14 | 98BE34AD-3CB1-4FB9-98A0-5E5A4BA63286 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/filter: AlphaImageLoader [for IE PNGs] (background).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | ${3:background-image: none; 7 | }filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:${TM_SELECTED_TEXT:/images/transparent.png}}', sizingMethod='${2|image,scale,crop|}'); 8 | keyEquivalent 9 | 10 | name 11 | filter: AlphaImageLoader [for IE PNGs] 12 | scope 13 | source.css 14 | tabTrigger 15 | background 16 | uuid 17 | 81CCEB84-6241-4E4F-BB26-54BAAFA3FF2E 18 | 19 | 20 | -------------------------------------------------------------------------------- /Snippets/float: left:right:none (float).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | float: ${1|left,right,none|};$0 7 | name 8 | float: left/right/none 9 | scope 10 | source.css 11 | tabTrigger 12 | float 13 | uuid 14 | 39244453-6D06-4265-9894-14D7FC0B277F 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/font-family: family (font).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | font-family: ${1:Arial, "MS Trebuchet"}, ${2:sans-}serif;$0 7 | name 8 | font-family: family 9 | scope 10 | source.css 11 | tabTrigger 12 | font 13 | uuid 14 | 25388EC7-EA59-4C87-9F11-52870ADBF1AB 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/font-size: size (font).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | font-size: ${1:100%};$0 7 | name 8 | font-size: size 9 | scope 10 | source.css 11 | tabTrigger 12 | font 13 | uuid 14 | CD8E3F13-2B14-401D-9646-E309FB04B678 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/font-style: normal:italic:oblique (font).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | font-style: ${1|normal,italic,oblique|};$0 7 | name 8 | font-style: normal/italic/oblique 9 | scope 10 | source.css 11 | tabTrigger 12 | font 13 | uuid 14 | 128D7494-86EA-4615-87F4-C4D45E8C04AA 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/font-variant: normal:small-caps (font).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | font-variant: ${1|normal,small-caps|};$0 7 | name 8 | font-variant: normal/small-caps 9 | scope 10 | source.css 11 | tabTrigger 12 | font 13 | uuid 14 | B6C9A8F9-2942-4592-B73F-2833B9F648E5 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/font-weight: weight (font).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | font-weight: ${1|normal,bold|};$0 7 | name 8 | font-weight: weight 9 | scope 10 | source.css 11 | tabTrigger 12 | font 13 | uuid 14 | F2DC92D8-43D4-4044-9D85-D96F734FF81E 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/font: style variant weight size:line-height font -family (font).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | font: ${1|normal,italic,oblique|} ${2|normal,small-caps|} ${3|normal,bold|} ${4|1em,1.5em|} ${5:Arial}, ${6:sans-}serif;$0 7 | name 8 | font: style variant weight size/line-height font-family 9 | scope 10 | source.css 11 | tabTrigger 12 | font 13 | uuid 14 | 30C6CFA2-C00A-4F2A-8770-096A49C3F95F 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/font: size font (font).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | font: ${1:75%} ${2:"Lucida Grande", "Trebuchet MS", Verdana,} ${3:sans-}serif;$0 7 | name 8 | font: size font 9 | scope 10 | source.css 11 | tabTrigger 12 | font 13 | uuid 14 | F5EDF655-440B-4E1B-908F-4291F3A0A3A8 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/letter-spacing: length-em (letter).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | letter-spacing: $1em;$0 7 | name 8 | letter-spacing: em 9 | scope 10 | source.css 11 | tabTrigger 12 | letter 13 | uuid 14 | D612A3B7-7C49-4447-9AAF-CCCFDE4408FF 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/letter-spacing: length-px (letter).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | letter-spacing: $1px;$0 7 | name 8 | letter-spacing: px 9 | scope 10 | source.css 11 | tabTrigger 12 | letter 13 | uuid 14 | 17BBB1F1-1F83-4386-97B8-23144EB2441A 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/list-style-image: url (list).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | list-style-image: url($1);$0 7 | name 8 | list-style-image: url 9 | scope 10 | source.css 11 | tabTrigger 12 | list 13 | uuid 14 | BDEF3B0F-6414-4B1A-8841-864702B51EC6 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/list-style-position: pos (list).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | list-style-position: ${1|inside,outside|};$0 7 | name 8 | list-style-position: pos 9 | scope 10 | source.css 11 | tabTrigger 12 | list 13 | uuid 14 | 9B10C768-5DA7-4570-98E4-70A36261C823 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/list-style-type: asian (list).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | list-style-type: ${1|cjk-ideographic,hiragana,katakana,hiragana-iroha,katakana-iroha|};$0 7 | name 8 | list-style-type: asian 9 | scope 10 | source.css 11 | tabTrigger 12 | list 13 | uuid 14 | E024086F-94B8-401F-A903-7F0CDA8E0B8A 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/list-style-type: marker(list).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | list-style-type: ${1|none,disc,circle,square|};$0 7 | name 8 | list-style-type: marker 9 | scope 10 | source.css 11 | tabTrigger 12 | list 13 | uuid 14 | C5CE7E29-9EB1-4A63-8173-190D12E4E4E4 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/list-style-type: numeric (list).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | list-style-type: ${1|decimal,decimal-leading-zero,zero|};$0 7 | name 8 | list-style-type: numeric 9 | scope 10 | source.css 11 | tabTrigger 12 | list 13 | uuid 14 | 24436F96-2383-48AB-844F-AE791DEAF080 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/list-style-type: other (list).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | list-style-type: ${1|hebrew,armenian,georgian|};$0 7 | name 8 | list-style-type: other 9 | scope 10 | source.css 11 | tabTrigger 12 | list 13 | uuid 14 | B8E9019D-3419-4CC3-87BB-DC54098CBFD0 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/list-style-type: roman-alpha-greek (list).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | list-style-type: ${1|lower-roman,upper-roman,lower-alpha,upper-alpha,lower-greek,lower-latin,upper-latin|};$0 7 | name 8 | list-style-type: roman-alpha-greek 9 | scope 10 | source.css 11 | tabTrigger 12 | list 13 | uuid 14 | 97A55488-5DD9-4347-B5F1-722F580715E4 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/list-style: type position image (list).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | list-style: ${1|none,disc,circle,square,decimal,zero|} ${2|inside,outside|} url($3);$0 7 | name 8 | list-style: type position image 9 | scope 10 | source.css 11 | tabTrigger 12 | list 13 | uuid 14 | 1C7E0430-2A67-4CEF-9D68-4ED6315A8567 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/margin-bottom: length (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | margin-bottom: ${1:20px};$0 7 | name 8 | margin-bottom: length 9 | scope 10 | source.css 11 | tabTrigger 12 | margin 13 | uuid 14 | 6354F6AC-74E2-42CF-96B0-7EE2733B9B34 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/margin-left: length (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | margin-left: ${1:20px};$0 7 | name 8 | margin-left: length 9 | scope 10 | source.css 11 | tabTrigger 12 | margin 13 | uuid 14 | C19985FF-A12C-49B9-9BA3-EDC726E919A0 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/margin-right: length (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | margin-right: ${1:20px};$0 7 | name 8 | margin-right: length 9 | scope 10 | source.css 11 | tabTrigger 12 | margin 13 | uuid 14 | 1FDAB8C2-7A0D-4C0A-97FF-77AD2CC86083 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/margin-top: length (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | margin-top: ${1:20px};$0 7 | name 8 | margin-top: length 9 | scope 10 | source.css 11 | tabTrigger 12 | margin 13 | uuid 14 | 412AA532-762F-4270-961A-54BF6014996D 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/margin: all (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | margin: ${1:20px};$0 7 | name 8 | margin: all 9 | scope 10 | source.css 11 | tabTrigger 12 | margin 13 | uuid 14 | FA3D9F50-C5F6-4193-81D2-98A3E8FFBB2F 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/margin: T R B L (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | margin: ${1:20px} ${2:0px} ${3:40px} ${4:0px};$0 7 | name 8 | margin: T R B L 9 | scope 10 | source.css 11 | tabTrigger 12 | margin 13 | uuid 14 | 68A3178C-A024-48BD-ABA6-0A03A69BD82E 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/margin: V H (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | margin: ${1:20px} ${2:0px};$0 7 | name 8 | margin: V H 9 | scope 10 | source.css 11 | tabTrigger 12 | margin 13 | uuid 14 | 99315B12-6A41-4D8F-8477-F38DE0EBBEF8 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/marker-offset: auto (marker).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | marker-offset: auto;$0 7 | name 8 | marker-offset: auto 9 | scope 10 | source.css 11 | tabTrigger 12 | marker 13 | uuid 14 | E10366F8-CA83-4447-89D3-B36AFD1EAECD 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/marker-offset: length (marker).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | marker-offset: ${1:10px};$0 7 | name 8 | marker-offset: length 9 | scope 10 | source.css 11 | tabTrigger 12 | marker 13 | uuid 14 | 5FDD30D8-7EF8-41E9-8A44-DC3C22EFD75D 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/opacity: [for Safari, FF and IE] (opacity).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | opacity: ${1:0.5};${100: 7 | }-moz-opacity: ${1:0.5};${100: 8 | }filter:alpha(opacity=${2:${1/(1?)0?\.(.*)/$1$2/}${1/^\d*\.\d\d+$|^\d*$|(^\d\.\d$)/(?1:0)/}});$0 9 | name 10 | opacity: [for Safari, FF & IE] 11 | scope 12 | source.css 13 | tabTrigger 14 | opacity 15 | uuid 16 | 50C748B6-C8B6-447F-A9EE-DD41CF1CD707 17 | 18 | 19 | -------------------------------------------------------------------------------- /Snippets/overflow: type (overflow).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | overflow: ${1|visible,hidden,scroll,auto|};$0 7 | name 8 | overflow: type 9 | scope 10 | source.css 11 | tabTrigger 12 | overflow 13 | uuid 14 | 6523B6C5-8741-4766-98D6-1B1DE2E6A5F3 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/padding-bottom: length (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | padding-bottom: ${1:20px};$0 7 | name 8 | padding-bottom: length 9 | scope 10 | source.css 11 | tabTrigger 12 | padding 13 | uuid 14 | 1644E167-7A29-46A7-A100-7BD6C7EFA2F3 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/padding-left: length (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | padding-left: ${1:20px};$0 7 | name 8 | padding-left: length 9 | scope 10 | source.css 11 | tabTrigger 12 | padding 13 | uuid 14 | 772DD28C-80C2-4C9B-8023-1E71A974E1C4 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/padding-right: length (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | padding-right: ${1:20px};$0 7 | name 8 | padding-right: length 9 | scope 10 | source.css 11 | tabTrigger 12 | padding 13 | uuid 14 | C1667E5D-3A50-42F8-8129-6C3EEB43D7C2 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/padding-top: length (margin).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | padding-top: ${1:20px};$0 7 | name 8 | padding-top: length 9 | scope 10 | source.css 11 | tabTrigger 12 | padding 13 | uuid 14 | E5B92C27-8602-4E50-9DF7-DE476E63BA1A 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/padding: T R B L (padding).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | padding: ${1:20px} ${2:0px} ${3:40px} ${4:0px};$0 7 | name 8 | padding: T R B L 9 | scope 10 | source.css 11 | tabTrigger 12 | padding 13 | uuid 14 | DD5BB93D-4F99-4A41-8864-85A557B922C7 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/padding: V H (padding).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | padding: ${1:20px} ${2:0px};$0 7 | name 8 | padding: V H 9 | scope 10 | source.css 11 | tabTrigger 12 | padding 13 | uuid 14 | 4602BFF3-C7F1-4CF5-93CE-125EC8ABC7C8 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/padding: all (padding).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | padding: ${1:20px};$0 7 | name 8 | padding: all 9 | scope 10 | source.css 11 | tabTrigger 12 | padding 13 | uuid 14 | 6E64EA4A-A10E-49B3-AC9C-D53DBF9ED14A 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/position: type (position).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | position: ${1|static,relative,absolute,fixed|};$0 7 | name 8 | position: type 9 | scope 10 | source.css 11 | tabTrigger 12 | position 13 | uuid 14 | 1398502F-D4FD-437B-9033-49E254159BDE 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/properties { } ( } ).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | { 7 | /* $1 */ 8 | $0 9 | 10 | name 11 | properties { } ( } ) 12 | scope 13 | source.css 14 | tabTrigger 15 | { 16 | uuid 17 | 0975B58C-C7A1-441E-90E4-C7C413975D42 18 | 19 | 20 | -------------------------------------------------------------------------------- /Snippets/scrollbar.tmSnippet: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | scrollbar-base-color: ${1:#CCCCCC};${2: 7 | scrollbar-arrow-color: ${3:#000000}; 8 | scrollbar-track-color: ${4:#999999}; 9 | scrollbar-3dlight-color: ${5:#EEEEEE}; 10 | scrollbar-highlight-color: ${6:#FFFFFF}; 11 | scrollbar-face-color: ${7:#CCCCCC}; 12 | scrollbar-shadow-color: ${9:#999999}; 13 | scrollbar-darkshadow-color: ${8:#666666};} 14 | name 15 | scrollbar 16 | scope 17 | source.css meta.property-list 18 | tabTrigger 19 | scrollbar 20 | uuid 21 | 749295F4-F139-422A-80A0-EA11364396E3 22 | 23 | 24 | -------------------------------------------------------------------------------- /Snippets/selection.tmSnippet: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | $1::-moz-selection, 7 | $1::selection { 8 | color: ${2:inherit}; 9 | background: ${3:inherit}; 10 | } 11 | name 12 | selection 13 | scope 14 | source.css -meta.property-list 15 | tabTrigger 16 | selection 17 | uuid 18 | 1B042CEF-7C82-472D-92A2-FF555BFD6927 19 | 20 | 21 | -------------------------------------------------------------------------------- /Snippets/text-align: left:center:right (txt).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | text-align: ${1|left,right,center,justify|};$0 7 | name 8 | text-align: left/center/right 9 | scope 10 | source.css 11 | tabTrigger 12 | text 13 | uuid 14 | F6CB9433-601A-4F95-A6B9-27D76B50DEE3 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/text-decoration: none:underline:overline:line-through:blink (text).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | text-decoration: ${1|none,underline,overline,line-through,blink|};$0 7 | name 8 | text-decoration: none/underline/overline/line-through/blink 9 | scope 10 | source.css 11 | tabTrigger 12 | text 13 | uuid 14 | B1916E73-D417-42C2-A5C1-E95428DA6C45 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/text-indent: length (text).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | text-indent: ${1:10}px;$0 7 | name 8 | text-indent: length 9 | scope 10 | source.css 11 | tabTrigger 12 | text 13 | uuid 14 | 2CFA68DC-947B-4C43-872C-FB4DC0704D27 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/text-shadow: color-hex x y blur (text).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | text-shadow: #${1:DDD} ${2:10px} ${3:10px} ${4:2px};$0 7 | name 8 | text-shadow: color-hex x y blur 9 | scope 10 | source.css 11 | tabTrigger 12 | text 13 | uuid 14 | 77EF6A55-9814-492C-B8E2-EFF0FFAC272E 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/text-shadow: color-rgb x y blur (text).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | text-shadow: rgb(${1:255},${2:255},${3:255}) ${4:10px} ${5:10px} ${6:2px};$0 7 | name 8 | text-shadow: color-rgb x y blur 9 | scope 10 | source.css 11 | tabTrigger 12 | text 13 | uuid 14 | 005905FF-544A-434C-803E-B51689332034 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/text-shadow: none (text).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | text-shadow: none;$0 7 | name 8 | text-shadow: none 9 | scope 10 | source.css 11 | tabTrigger 12 | text 13 | uuid 14 | 1A6AD6F4-E0F7-406B-B28B-06EC54660650 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/text-transform: capitalize:upper:lower (text).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | text-transform: ${1|capitalize,uppercase,lowercase|};$0 7 | name 8 | text-transform: capitalize/upper/lower 9 | scope 10 | source.css 11 | tabTrigger 12 | text 13 | uuid 14 | 32CD0FA8-7BE7-4D58-A28A-7388F4CF6F9A 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/text-transform: none (text).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | text-transform: none;$0 7 | name 8 | text-transform: none 9 | scope 10 | source.css 11 | tabTrigger 12 | text 13 | uuid 14 | 2FF51006-7E07-4296-B89D-5ADF7B9B4232 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/vertical-align: type (vertical).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | vertical-align: ${1|baseline,sub,super,top,text-top,middle,bottom,text-bottom,length,%|};$0 7 | name 8 | vertical-align: type 9 | scope 10 | source.css 11 | tabTrigger 12 | vertical 13 | uuid 14 | 0C94F6A6-8AFB-47BC-8448-2383CF0D6C5B 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/visibility: type (visibility).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | visibility: ${1|visible,hidden,collapse|};$0 7 | name 8 | visibility: type 9 | scope 10 | source.css 11 | tabTrigger 12 | visibility 13 | uuid 14 | DE6D5C37-AC74-467E-9029-9844D8F4153A 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/white-space: normal:pre:nowrap (white).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | white-space: ${1|normal,pre,nowrap|};$0 7 | name 8 | white-space: normal/pre/nowrap 9 | scope 10 | source.css 11 | tabTrigger 12 | white 13 | uuid 14 | A7D10908-72FE-4502-A267-42C5B03F0D66 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/word-spacing: length (word).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | word-spacing: ${1:10px};$0 7 | name 8 | word-spacing: length 9 | scope 10 | source.css 11 | tabTrigger 12 | word 13 | uuid 14 | B121F84A-CE4A-491D-BF3D-35ED51C82554 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/word-spacing: normal (word).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | word-spacing: normal;$0 7 | name 8 | word-spacing: normal 9 | scope 10 | source.css 11 | tabTrigger 12 | word 13 | uuid 14 | DA7DF131-7351-4F3B-B680-57159E50E6DE 15 | 16 | 17 | -------------------------------------------------------------------------------- /Snippets/z-index: index (z).plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | content 6 | z-index: $1;$0 7 | name 8 | z-index: index 9 | scope 10 | source.css 11 | tabTrigger 12 | z 13 | uuid 14 | 2EED405C-FBAF-4AEB-9B30-ED8EB2252378 15 | 16 | 17 | -------------------------------------------------------------------------------- /Syntaxes/CSS.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | fileTypes 6 | 7 | css 8 | css.erb 9 | 10 | keyEquivalent 11 | ^~C 12 | name 13 | CSS 14 | patterns 15 | 16 | 17 | include 18 | #comment-block 19 | 20 | 21 | include 22 | #selector 23 | 24 | 25 | begin 26 | \s*((@)charset\b)\s* 27 | captures 28 | 29 | 1 30 | 31 | name 32 | keyword.control.at-rule.charset.css 33 | 34 | 2 35 | 36 | name 37 | punctuation.definition.keyword.css 38 | 39 | 40 | end 41 | \s*((?=;|$)) 42 | name 43 | meta.at-rule.charset.css 44 | patterns 45 | 46 | 47 | include 48 | #string-double 49 | 50 | 51 | include 52 | #string-single 53 | 54 | 55 | 56 | 57 | begin 58 | \s*((@)import\b)\s* 59 | captures 60 | 61 | 1 62 | 63 | name 64 | keyword.control.at-rule.import.css 65 | 66 | 2 67 | 68 | name 69 | punctuation.definition.keyword.css 70 | 71 | 72 | end 73 | \s*((?=;|\})) 74 | name 75 | meta.at-rule.import.css 76 | patterns 77 | 78 | 79 | include 80 | #string-double 81 | 82 | 83 | include 84 | #string-single 85 | 86 | 87 | begin 88 | \s*(url)\s*(\()\s* 89 | beginCaptures 90 | 91 | 1 92 | 93 | name 94 | support.function.url.css 95 | 96 | 2 97 | 98 | name 99 | punctuation.section.function.css 100 | 101 | 102 | end 103 | \s*(\))\s* 104 | endCaptures 105 | 106 | 1 107 | 108 | name 109 | punctuation.section.function.css 110 | 111 | 112 | patterns 113 | 114 | 115 | match 116 | [^'") \t]+ 117 | name 118 | variable.parameter.url.css 119 | 120 | 121 | include 122 | #string-single 123 | 124 | 125 | include 126 | #string-double 127 | 128 | 129 | 130 | 131 | include 132 | #media-query-list 133 | 134 | 135 | 136 | 137 | begin 138 | ^\s*((@)font-face)\s*(?=\{) 139 | beginCaptures 140 | 141 | 1 142 | 143 | name 144 | keyword.control.at-rule.font-face.css 145 | 146 | 2 147 | 148 | name 149 | punctuation.definition.keyword.css 150 | 151 | 152 | end 153 | (?!\G) 154 | name 155 | meta.at-rule.font-face.css 156 | patterns 157 | 158 | 159 | include 160 | #rule-list 161 | 162 | 163 | 164 | 165 | begin 166 | (?=^\s*@media\s*.*?\{) 167 | end 168 | \s*(\}) 169 | endCaptures 170 | 171 | 1 172 | 173 | name 174 | punctuation.section.property-list.end.css 175 | 176 | 177 | patterns 178 | 179 | 180 | begin 181 | ^\s*((@)media)(?=.*?\{) 182 | beginCaptures 183 | 184 | 1 185 | 186 | name 187 | keyword.control.at-rule.media.css 188 | 189 | 2 190 | 191 | name 192 | punctuation.definition.keyword.css 193 | 194 | 3 195 | 196 | name 197 | support.constant.media.css 198 | 199 | 200 | end 201 | \s*(?=\{) 202 | name 203 | meta.at-rule.media.css 204 | patterns 205 | 206 | 207 | include 208 | #media-query-list 209 | 210 | 211 | 212 | 213 | begin 214 | \s*(\{) 215 | beginCaptures 216 | 217 | 1 218 | 219 | name 220 | punctuation.section.property-list.begin.css 221 | 222 | 223 | end 224 | (?=\}) 225 | patterns 226 | 227 | 228 | include 229 | $self 230 | 231 | 232 | 233 | 234 | 235 | 236 | begin 237 | (?=\{) 238 | end 239 | (?!\G) 240 | patterns 241 | 242 | 243 | include 244 | #rule-list 245 | 246 | 247 | 248 | 249 | repository 250 | 251 | color-values 252 | 253 | patterns 254 | 255 | 256 | comment 257 | http://www.w3.org/TR/CSS21/syndata.html#value-def-color 258 | match 259 | \b(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow)\b 260 | name 261 | support.constant.color.w3c-standard-color-name.css 262 | 263 | 264 | comment 265 | These colours are mostly recognised but will not validate. ref: http://www.w3schools.com/css/css_colornames.asp 266 | match 267 | \b(aliceblue|antiquewhite|aquamarine|azure|beige|bisque|blanchedalmond|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|gainsboro|ghostwhite|gold|goldenrod|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|limegreen|linen|magenta|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|oldlace|olivedrab|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|thistle|tomato|turquoise|violet|wheat|whitesmoke|yellowgreen)\b 268 | name 269 | invalid.deprecated.color.w3c-non-standard-color-name.css 270 | 271 | 272 | begin 273 | (hsla?|rgba?)\s*(\() 274 | beginCaptures 275 | 276 | 1 277 | 278 | name 279 | support.function.misc.css 280 | 281 | 2 282 | 283 | name 284 | punctuation.section.function.css 285 | 286 | 287 | end 288 | (\)) 289 | endCaptures 290 | 291 | 1 292 | 293 | name 294 | punctuation.section.function.css 295 | 296 | 297 | patterns 298 | 299 | 300 | match 301 | (?x)\b 302 | (0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\s*,\s*){2} 303 | (0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\b) 304 | (\s*,\s*((0?\.[0-9]+)|[0-1]))? 305 | 306 | name 307 | constant.other.color.rgb-value.css 308 | 309 | 310 | match 311 | \b([0-9]{1,2}|100)\s*%,\s*([0-9]{1,2}|100)\s*%,\s*([0-9]{1,2}|100)\s*% 312 | name 313 | constant.other.color.rgb-percentage.css 314 | 315 | 316 | include 317 | #numeric-values 318 | 319 | 320 | 321 | 322 | 323 | comment-block 324 | 325 | begin 326 | /\* 327 | captures 328 | 329 | 0 330 | 331 | name 332 | punctuation.definition.comment.css 333 | 334 | 335 | end 336 | \*/ 337 | name 338 | comment.block.css 339 | 340 | media-query 341 | 342 | begin 343 | (?i)\s*(only|not)?\s*(all|aural|braille|embossed|handheld|print|projection|screen|tty|tv)? 344 | beginCaptures 345 | 346 | 1 347 | 348 | name 349 | keyword.operator.logic.media.css 350 | 351 | 2 352 | 353 | name 354 | support.constant.media.css 355 | 356 | 357 | end 358 | \s*(?:(,)|(?=[{;])) 359 | endCaptures 360 | 361 | 1 362 | 363 | name 364 | punctuation.definition.arbitrary-repitition.css 365 | 366 | 367 | patterns 368 | 369 | 370 | begin 371 | \s*(and)?\s*(\()\s* 372 | beginCaptures 373 | 374 | 1 375 | 376 | name 377 | keyword.operator.logic.media.css 378 | 379 | 380 | end 381 | \) 382 | patterns 383 | 384 | 385 | begin 386 | (?x) 387 | ( 388 | ((min|max)-)? 389 | ( 390 | ((device-)?(height|width|aspect-ratio))| 391 | (color(-index)?)|monochrome|resolution 392 | ) 393 | )|grid|scan|orientation 394 | \s*(?=[:)]) 395 | beginCaptures 396 | 397 | 0 398 | 399 | name 400 | support.type.property-name.media.css 401 | 402 | 403 | end 404 | (:)|(?=\)) 405 | endCaptures 406 | 407 | 1 408 | 409 | name 410 | punctuation.separator.key-value.css 411 | 412 | 413 | 414 | 415 | match 416 | \b(portrait|landscape|progressive|interlace) 417 | name 418 | support.constant.property-value.css 419 | 420 | 421 | captures 422 | 423 | 1 424 | 425 | name 426 | constant.numeric.css 427 | 428 | 2 429 | 430 | name 431 | keyword.operator.arithmetic.css 432 | 433 | 3 434 | 435 | name 436 | constant.numeric.css 437 | 438 | 439 | match 440 | \s*(\d+)(/)(\d+) 441 | 442 | 443 | include 444 | #numeric-values 445 | 446 | 447 | 448 | 449 | 450 | media-query-list 451 | 452 | begin 453 | \s*(?=[^{;]) 454 | end 455 | \s*(?=[{;]) 456 | patterns 457 | 458 | 459 | include 460 | #media-query 461 | 462 | 463 | 464 | numeric-values 465 | 466 | patterns 467 | 468 | 469 | captures 470 | 471 | 1 472 | 473 | name 474 | punctuation.definition.constant.css 475 | 476 | 477 | match 478 | (#)([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\b 479 | name 480 | constant.other.color.rgb-value.css 481 | 482 | 483 | captures 484 | 485 | 1 486 | 487 | name 488 | keyword.other.unit.css 489 | 490 | 491 | match 492 | (?x) 493 | (?:-|\+)?(?:(?:[0-9]+(?:\.[0-9]+)?)|(?:\.[0-9]+)) 494 | ((?:px|pt|ch|cm|mm|in|r?em|ex|pc|deg|g?rad|dpi|dpcm|s)\b|%)? 495 | 496 | name 497 | constant.numeric.css 498 | 499 | 500 | 501 | property-values 502 | 503 | patterns 504 | 505 | 506 | match 507 | \b(absolute|all(-scroll)?|always|armenian|auto|avoid|baseline|below|bidi-override|block|bold|bolder|both|bottom|break-all|break-word|capitalize|center|char|circle|cjk-ideographic|col-resize|collapse|crosshair|dashed|decimal-leading-zero|decimal|default|disabled|disc|distribute-all-lines|distribute-letter|distribute-space|distribute|dotted|double|e-resize|ellipsis|fixed|flat|geometricPrecision|georgian|groove|hand|hebrew|help|hidden|hiragana-iroha|hiragana|horizontal|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space|inactive|inherit|initial|inline-block|inline|inset|inside|inter-ideograph|inter-word|italic|justify|katakana-iroha|katakana|keep-all|left|lighter|line-edge|line-through|line|list-item|loose|lower-alpha|lower-greek|lower-latin|lower-roman|lowercase|lr-tb|ltr|medium|middle|move|n-resize|ne-resize|newspaper|no-drop|no-repeat|nw-resize|none|normal|not-allowed|nowrap|oblique|optimize(Legibility|Quality|Speed)|outset|outside|overline|pointer|pre(-(wrap|line))?|preserve-3d|progress|relative|repeat-x|repeat-y|repeat|right|ridge|row-resize|rtl|s-resize|scroll|se-resize|separate|small-caps|solid|square|static|strict|sub|super|sw-resize|table-footer-group|table-header-group|tb-rl|text-bottom|text-top|text|thick|thin|top|transparent|underline|upper-alpha|upper-latin|upper-roman|uppercase|vertical(-(ideographic|text))|visible(Painted|Fill|Stroke)?|w-resize|wait|whitespace|zero|smaller|larger|((xx?-)?(small|large))|painted|fill|stroke|column|column-reverse|contain|cover|fill|flex-end|flex-start|row|row-reverse|scale-down|space-around|space-between|stretch|wrap|wrap-reverse|reverse|alternate-reverse|alternate|forwards|backwards|infinite|ease|ease-in|ease-out|ease-in-out|linear|step-start|step-end|steps|cubic-bezier|running|paused|sticky|page|soft-light|screen|saturation|overlay|multiply|luminosity|lighten|hue|hard-light|exclusion|difference|darken|color-dodge|color-burn|color|view-box|stroke-box|fill-box|border-box|padding-box|content-box|round|space|currentColor|subgrid|auto-fill|min-content|max-content|row|column|dense|minmax|calc|translate|translateX|translateY|translateZ|scale|scaleX|scaleY|scaleZ|rotate|rotateX|rotateY|rotateZ|skew|skewX|skewY|skewZ|linear-gradient|repeating-linear-gradient|radial-gradient|repeating-radial-gradient|farthest-side|closest-side|farthest-corner|closest-corner|ellipse|circle)\b 508 | name 509 | support.constant.property-value.css 510 | 511 | 512 | match 513 | (\b(?i:arial|century|comic|courier|garamond|georgia|helvetica|impact|lucida|symbol|system|tahoma|times|trebuchet|utopia|verdana|webdings|sans-serif|serif|monospace)\b) 514 | name 515 | support.constant.font-name.css 516 | 517 | 518 | include 519 | #numeric-values 520 | 521 | 522 | include 523 | #color-values 524 | 525 | 526 | include 527 | #string-double 528 | 529 | 530 | include 531 | #string-single 532 | 533 | 534 | begin 535 | (rect)\s*(\() 536 | beginCaptures 537 | 538 | 1 539 | 540 | name 541 | support.function.misc.css 542 | 543 | 2 544 | 545 | name 546 | punctuation.section.function.css 547 | 548 | 549 | end 550 | (\)) 551 | endCaptures 552 | 553 | 1 554 | 555 | name 556 | punctuation.section.function.css 557 | 558 | 559 | patterns 560 | 561 | 562 | include 563 | #numeric-values 564 | 565 | 566 | 567 | 568 | begin 569 | (format|local|url|attr|counter|counters)\s*(\() 570 | beginCaptures 571 | 572 | 1 573 | 574 | name 575 | support.function.misc.css 576 | 577 | 2 578 | 579 | name 580 | punctuation.section.function.css 581 | 582 | 583 | end 584 | (\)) 585 | endCaptures 586 | 587 | 1 588 | 589 | name 590 | punctuation.section.function.css 591 | 592 | 593 | patterns 594 | 595 | 596 | include 597 | #string-single 598 | 599 | 600 | include 601 | #string-double 602 | 603 | 604 | match 605 | [^'") \t]+ 606 | name 607 | variable.parameter.misc.css 608 | 609 | 610 | 611 | 612 | begin 613 | (matrix(3d)?|perspective|(rotate|scale|translate)([XYZ]|3d)?|skew[XY]?)\s*(\() 614 | beginCaptures 615 | 616 | 1 617 | 618 | name 619 | support.function.transform.css 620 | 621 | 2 622 | 623 | name 624 | punctuation.section.function.css 625 | 626 | 627 | end 628 | (\)) 629 | endCaptures 630 | 631 | 1 632 | 633 | name 634 | punctuation.section.function.css 635 | 636 | 637 | patterns 638 | 639 | 640 | include 641 | #numeric-values 642 | 643 | 644 | 645 | 646 | match 647 | \!\s*important 648 | name 649 | keyword.other.important.css 650 | 651 | 652 | 653 | rule-list 654 | 655 | begin 656 | \{ 657 | beginCaptures 658 | 659 | 0 660 | 661 | name 662 | punctuation.section.property-list.begin.css 663 | 664 | 665 | end 666 | \} 667 | endCaptures 668 | 669 | 0 670 | 671 | name 672 | punctuation.section.property-list.end.css 673 | 674 | 675 | name 676 | meta.property-list.css 677 | patterns 678 | 679 | 680 | include 681 | #comment-block 682 | 683 | 684 | begin 685 | (?<![-a-z])(?=[-a-z]) 686 | end 687 | $|(?![-a-z]) 688 | name 689 | meta.property-name.css 690 | patterns 691 | 692 | 693 | match 694 | -(webkit|moz|o|ms|khtml)(-[A-Za-z]+)+\b 695 | name 696 | support.type.property-name.css 697 | 698 | 699 | match 700 | \b(zoom|z-index|y|x|writing-mode|wrap-through|wrap-flow|wrap|word-wrap|word-spacing|word-break|word|will-change|width|widows|white-space-collapse|white-space|white|weight|volume|voice-volume|voice-stress|voice-rate|voice-range|voice-pitch-range|voice-pitch|voice-family|voice-duration|voice-balance|voice|visibility|vertical-align|variant|user-select|up|unicode-bidi|unicode|trim|transition-timing-function|transition-duration|transition-delay|transition|transform-style|transform-origin|transform|top|timing-function|text-wrap|text-underline-position|text-transform|text-space-collapse|text-shadow|text-replace|text-overflow|text-outline|text-orientation|text-justify|text-indent|text-height|text-emphasis-style|text-emphasis-position|text-emphasis-color|text-emphasis|text-decoration-style|text-decoration-skip|text-decoration-line|text-decoration-color|text-decoration|text-combine-upright|text-align-last|text-align|text|target-position|target-new|target-name|target|table-layout|tab-size|style-type|style-position|style-image|style|stroke|string-set|stretch|stress|stacking-strategy|stacking-shift|stacking-ruby|stacking|src|speed|speech-rate|speech|speak-punctuation|speak-numeral|speak-header|speak-as|speak|span|spacing|space-collapse|space|sizing|size-adjust|size|shape-outside|shape-margin|shape-inside|shape-image-threshold|shadow|setting-named-strings-string-set-pro|scroll-snap-type|scroll-snap-stop|scroll-snap-margin-top|scroll-snap-margin-right|scroll-snap-margin-left|scroll-snap-margin-inline-start|scroll-snap-margin-inline-end|scroll-snap-margin-inline|scroll-snap-margin-bottom|scroll-snap-margin-block-start|scroll-snap-margin-block-end|scroll-snap-margin-block|scroll-snap-margin|scroll-snap-align|scroll-padding-top|scroll-padding-right|scroll-padding-left|scroll-padding-inline-start|scroll-padding-inline-end|scroll-padding-inline|scroll-padding-bottom|scroll-padding-block-start|scroll-padding-block-end|scroll-padding-block|scroll-padding|rule-width|rule-style|rule-color|rule|ruby-span|ruby-position|ruby-overhang|ruby-merge|ruby-align|ruby|rows|row-gap|rotation-point|rotation|rotating|role|right|richness|rest-before|rest-after|rest|respond-to|resource|resolution|resize|reset|replace|repeat|rendering-intent|region-fragment|rate|radius|quotes|punctuation-trim|punctuation|property|profile|presentation-level|presentation|position|polar-origin|polar-distance|polar-angle|polar-anchor|pointer-events|point|play-state|play-during|play-count|pitch-range|pitch|phonemes|perspective-origin|perspective|pause-before|pause-after|pause|page-policy|page-break-inside|page-break-before|page-break-after|page|padding-top|padding-right|padding-left|padding-bottom|padding|pack|overhang|overflow-y|overflow-x|overflow-wrap|overflow-style|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|origin|orientation|orient|ordinal-group|order|opacity|offset|object-position|object-fit|numeral|new|nav-up|nav-right|nav-left|nav-index|nav-down|nav-dir|nav|name|moving|move-to|model|min-width|min-height|min|max-width|max-lines|max-height|max|mask-type|mask-source-type|mask-size|mask-repeat|mask-position|mask-origin|mask-image|mask-clip|mask-box-width|mask-box-source|mask-box-slice|mask-box-repeat|mask-box-outset|mask-box|mask|marquee-style|marquee-speed|marquee-play-count|marquee-direction|marquee|marks|marker-side|mark-before|mark-after|mark|margin-top|margin-right|margin-left|margin-bottom|margin|list-style-type|list-style-position|list-style-image|list-style|list|lines|line-stacking-strategy|line-stacking-shift|line-stacking-ruby|line-stacking|line-snap|line-height|line-grid|line-break|line|lighting-color|level|letter-spacing|length|left|label|justify-self|justify-items|justify-content|justify|iteration-count|input-method-editor|inline-box-align|initial-value|initial-size|initial-letter|initial-before-align|initial-before-adjust|initial-after-align|initial-after-adjust|index|indent|increment|image-resolution|image-rendering|image-orientation|image|icon|hyphens|hyphenate-resource|hyphenate-lines|hyphenate-character|hyphenate-before|hyphenate-after|hyphenate|height|header|hanging-punctuation|grid-template-rows|grid-template-columns|grid-template-areas|grid-template|grid-rows|grid-row-start|grid-row-end|grid-row|grid-columns|grid-column-start|grid-column-end|grid-column|grid-auto-rows|grid-auto-flow|grid-auto-columns|grid-area|grid|gap|font-weight|font-variant-position|font-variant-numeric|font-variant-ligatures|font-variant-east-asian|font-variant-caps|font-variant-alternates|font-variant|font-synthesis|font-style|font-stretch|font-size-adjust|font-size|font-language-override|font-kerning|font-feature-settings|font-family|font|flow-into|flow-from|flood-opacity|flood-color|float-offset|float|flex-wrap|flex-shrink|flex-grow|flex-group|flex-flow|flex-direction|flex-basis|flex|fit-position|fit|filter|fill|family|empty-cells|emphasis|elevation|duration|drop-initial-value|drop-initial-size|drop-initial-before-align|drop-initial-before-adjust|drop-initial-after-align|drop-initial-after-adjust|drop|down|dominant-baseline|display-role|display-outside|display-model|display-list|display-inside|display|direction|delay|decoration-break|decoration|cursor|cue-before|cue-after|cue|crop|counter-set|counter-reset|counter-increment|counter|count|content|contain|columns|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|column-break-before|column-break-after|column|color-profile|color-interpolation-filters|color|collapse|clip-rule|clip-path|clip|clear|character|chains|caption-side|break-inside|break-before|break-after|break|box-suppress|box-snap|box-sizing|box-shadow|box-pack|box-orient|box-ordinal-group|box-lines|box-flex-group|box-flex|box-direction|box-decoration-break|box-align|box|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-length|border-left-width|border-left-style|border-left-color|border-left|border-image-width|border-image-source|border-image-slice|border-image-repeat|border-image-outset|border-image|border-color|border-collapse|border-boundary|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|bookmark-target|bookmark-state|bookmark-level|bookmark-label|bookmark|bleed|binding|bidi|before|baseline-shift|baseline|balance|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-break|background-attachment|background|backface-visibility|azimuth|attachment|appearance|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-fill-mode|animation-duration|animation-direction|animation-delay|animation|all|alignment-baseline|alignment-adjust|alignment|align-self|align-last|align-items|align-content|align|after|adjust)\b 701 | name 702 | support.type.property-name.css 703 | 704 | 705 | 706 | 707 | begin 708 | (:)\s* 709 | beginCaptures 710 | 711 | 1 712 | 713 | name 714 | punctuation.separator.key-value.css 715 | 716 | 717 | end 718 | \s*(;|(?=\})) 719 | endCaptures 720 | 721 | 1 722 | 723 | name 724 | punctuation.terminator.rule.css 725 | 726 | 727 | name 728 | meta.property-value.css 729 | patterns 730 | 731 | 732 | include 733 | #property-values 734 | 735 | 736 | 737 | 738 | 739 | selector 740 | 741 | begin 742 | \s*(?=[:.*#a-zA-Z]) 743 | end 744 | (?=[/@{)]) 745 | name 746 | meta.selector.css 747 | patterns 748 | 749 | 750 | match 751 | \b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|datalist|dd|del|details|dfn|dialog|div|dl|dt|em|eventsource|fieldset|figure|figcaption|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|label|legend|li|link|main|map|mark|menu|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|samp|script|section|select|small|span|strike|strong|style|sub|summary|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\b 752 | name 753 | entity.name.tag.css 754 | 755 | 756 | captures 757 | 758 | 1 759 | 760 | name 761 | punctuation.definition.entity.css 762 | 763 | 764 | match 765 | (\.)[a-zA-Z0-9_-]+ 766 | name 767 | entity.other.attribute-name.class.css 768 | 769 | 770 | captures 771 | 772 | 1 773 | 774 | name 775 | punctuation.definition.entity.css 776 | 777 | 778 | match 779 | (#)[a-zA-Z][a-zA-Z0-9_-]* 780 | name 781 | entity.other.attribute-name.id.css 782 | 783 | 784 | match 785 | \* 786 | name 787 | entity.name.tag.wildcard.css 788 | 789 | 790 | captures 791 | 792 | 1 793 | 794 | name 795 | punctuation.definition.entity.css 796 | 797 | 798 | match 799 | (:+)(after|before|first-letter|first-line|selection)\b 800 | name 801 | entity.other.attribute-name.pseudo-element.css 802 | 803 | 804 | captures 805 | 806 | 1 807 | 808 | name 809 | punctuation.definition.entity.css 810 | 811 | 812 | match 813 | (:)((first|last)-child|(first|last|only)-of-type|empty|root|target|first|left|right)\b 814 | name 815 | entity.other.attribute-name.pseudo-class.css 816 | 817 | 818 | captures 819 | 820 | 1 821 | 822 | name 823 | punctuation.definition.entity.css 824 | 825 | 826 | match 827 | (:)(checked|enabled|default|disabled|indeterminate|invalid|optional|required|valid)\b 828 | name 829 | entity.other.attribute-name.pseudo-class.ui-state.css 830 | 831 | 832 | begin 833 | ((:)not)(\() 834 | beginCaptures 835 | 836 | 1 837 | 838 | name 839 | entity.other.attribute-name.pseudo-class.css 840 | 841 | 2 842 | 843 | name 844 | punctuation.definition.entity.css 845 | 846 | 3 847 | 848 | name 849 | punctuation.section.function.css 850 | 851 | 852 | end 853 | \) 854 | endCaptures 855 | 856 | 0 857 | 858 | name 859 | punctuation.section.function.css 860 | 861 | 862 | patterns 863 | 864 | 865 | include 866 | #selector 867 | 868 | 869 | 870 | 871 | captures 872 | 873 | 1 874 | 875 | name 876 | entity.other.attribute-name.pseudo-class.css 877 | 878 | 2 879 | 880 | name 881 | punctuation.definition.entity.css 882 | 883 | 3 884 | 885 | name 886 | punctuation.section.function.css 887 | 888 | 4 889 | 890 | name 891 | constant.numeric.css 892 | 893 | 5 894 | 895 | name 896 | punctuation.section.function.css 897 | 898 | 899 | match 900 | ((:)nth-(?:(?:last-)?child|(?:last-)?of-type))(\()(\-?(?:\d+n?|n)(?:\+\d+)?|even|odd)(\)) 901 | 902 | 903 | captures 904 | 905 | 1 906 | 907 | name 908 | punctuation.definition.entity.css 909 | 910 | 911 | match 912 | (:)(active|hover|link|visited|focus)\b 913 | name 914 | entity.other.attribute-name.pseudo-class.css 915 | 916 | 917 | captures 918 | 919 | 1 920 | 921 | name 922 | punctuation.definition.entity.css 923 | 924 | 2 925 | 926 | name 927 | entity.other.attribute-name.attribute.css 928 | 929 | 3 930 | 931 | name 932 | punctuation.separator.operator.css 933 | 934 | 4 935 | 936 | name 937 | string.unquoted.attribute-value.css 938 | 939 | 5 940 | 941 | name 942 | string.quoted.double.attribute-value.css 943 | 944 | 6 945 | 946 | name 947 | punctuation.definition.string.begin.css 948 | 949 | 7 950 | 951 | name 952 | punctuation.definition.string.end.css 953 | 954 | 955 | match 956 | (?i)(\[)\s*(-?[_a-z\\[[:^ascii:]]][_a-z0-9\-\\[[:^ascii:]]]*)(?:\s*([~|^$*]?=)\s*(?:(-?[_a-z\\[[:^ascii:]]][_a-z0-9\-\\[[:^ascii:]]]*)|((?>(['"])(?:[^\\]|\\.)*?(\6)))))?\s*(\]) 957 | name 958 | meta.attribute-selector.css 959 | 960 | 961 | 962 | string-double 963 | 964 | begin 965 | " 966 | beginCaptures 967 | 968 | 0 969 | 970 | name 971 | punctuation.definition.string.begin.css 972 | 973 | 974 | end 975 | " 976 | endCaptures 977 | 978 | 0 979 | 980 | name 981 | punctuation.definition.string.end.css 982 | 983 | 984 | name 985 | string.quoted.double.css 986 | patterns 987 | 988 | 989 | match 990 | \\. 991 | name 992 | constant.character.escape.css 993 | 994 | 995 | 996 | string-single 997 | 998 | begin 999 | ' 1000 | beginCaptures 1001 | 1002 | 0 1003 | 1004 | name 1005 | punctuation.definition.string.begin.css 1006 | 1007 | 1008 | end 1009 | ' 1010 | endCaptures 1011 | 1012 | 0 1013 | 1014 | name 1015 | punctuation.definition.string.end.css 1016 | 1017 | 1018 | name 1019 | string.quoted.single.css 1020 | patterns 1021 | 1022 | 1023 | match 1024 | \\. 1025 | name 1026 | constant.character.escape.css 1027 | 1028 | 1029 | 1030 | 1031 | scopeName 1032 | source.css 1033 | uuid 1034 | 69AA0917-B7BB-11D9-A7E2-000D93C8BE28 1035 | 1036 | 1037 | -------------------------------------------------------------------------------- /Tests/tests.css: -------------------------------------------------------------------------------- 1 | @charset 'UTF-8'; 2 | @charset "utf-8"; 3 | 4 | /* HTML+HTML5 elements */ 5 | html, body, div, span, object, iframe, 6 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 7 | abbr, address, cite, code, 8 | del, dfn, em, img, ins, kbd, q, samp, 9 | small, strong, sub, sup, var, 10 | b, i, 11 | dl, dt, dd, ol, ul, li, 12 | fieldset, form, label, legend, 13 | table, caption, tbody, tfoot, thead, tr, th, td, 14 | article, aside, canvas, details, figcaption, figure, 15 | footer, header, hgroup, menu, nav, section, summary, 16 | time, mark, audio, video { 17 | } 18 | .color-defs { 19 | color: #aaa; 20 | color: #abcdef; 21 | color: red; 22 | color: rgb(123,255,201); 23 | color: rgba(123,255,201,0.5); 24 | color: rgba(123,255,201,.5); 25 | color: hsl(85,55%,55%); 26 | color: hsla(85,55%,55%,.5); 27 | } 28 | 29 | #foo { color: blue; } 30 | .foo { color: blue } 31 | foo { color: blue; } 32 | ::selection { color: blue; } 33 | 34 | div 35 | { 36 | color: blue; 37 | } 38 | 39 | garbagehere 40 | @import url('foo.css'); 41 | @import 'foo.css'; 42 | @import "foo.css"; 43 | 44 | garbage 45 | /* Test */ 46 | 47 | .sizes { 48 | top: -50px; 49 | width: 1px; 50 | width: 1pt; 51 | width: 1ch; 52 | width: 1cm; 53 | width: 1mm; 54 | width: 1in; 55 | width: 1em; 56 | width: 1rem; 57 | width: 1ex; 58 | width: 1pc; 59 | width: 1deg; 60 | width: 1rad; 61 | width: 1grad; 62 | } 63 | unknowntag { 64 | color: blue; 65 | } 66 | div { 67 | pointer-events: auto none visiblePainted visibleFill visibleStroke visible painted fill stroke all inherit; 68 | } 69 | 70 | body { 71 | counter-reset: section; /* Set the section counter to 0 */ 72 | } 73 | h1:before { 74 | counter-increment: section; /* Increment the section counter */ 75 | content: "Section " counter(section) ": "; /* Display the counter */ 76 | } 77 | 78 | span:nth-child(even), 79 | span:nth-child(odd), 80 | span:nth-child(2n+1), 81 | span:nth-child(-2n+1), 82 | span:nth-child(-n+1), 83 | span:nth-child(1) { 84 | } 85 | 86 | /* These are obviously not valid rules, but they easily show all of the possible values for each 87 | rule, so that we're sure we're matching them all */ 88 | .foo { 89 | transform: none matrix(0,.99,.99,0,0,1) matrix3d(.1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16) translate(-20px,100px) translate3d(-1px,2px,30px) translateX(-100px) translateY(-100px) translateZ(-100px) scale(0.5,2) scale3d(2,0.5,10) scaleX(0.5) scaleY(.5) scaleZ(.5) rotate(30deg) rotate3d(0.5,20,10,45deg) rotateX(45deg) rotateY(45deg) rotateZ(9deg) skew(2deg,1deg) skewX(30deg) skewY(30deg) perspective(100px) initial inherit; 90 | transform-style: flat preserve-3d initial inherit; 91 | font-size: xx-small x-small small medium large x-large xx-large smaller larger; 92 | image-rendering: auto inherit optimizeSpeed optimizeQuality; 93 | text-rendering: auto optimizeSpeed optimizeLegibility geometricPrecision inherit; 94 | resize: none both horizontal vertical inherit; 95 | vertical-align: sub super middle; 96 | white-space: pre pre-wrap pre-line; 97 | page-break-after: avoid; 98 | page-break-inside: avoid !important; 99 | word-wrap: break-word normal; 100 | zoom: 1; 101 | clip: rect(1px 1px 1px 1px); 102 | color: rgba(0,0,0,.1); 103 | background-color: hsl(235,25%,55%); 104 | background-color: #646464; 105 | background-image: -moz-linear-gradient(top, #747474 30%, #545454); 106 | background-image: -webkit-gradient(linear, left top, left bottom, 107 | from(#747474), 108 | color-stop(30%, #747474), 109 | to(#545454) 110 | ); 111 | border-radius: 4px; 112 | box-shadow: 0 0 5px #000; 113 | -moz-box-shadow: 0 0 5px #000; 114 | -webkit-box-shadow: 0 0 5px #000; 115 | -moz-transform: rotate(30deg); 116 | } 117 | 118 | div:after, 119 | div::after, 120 | div:before, 121 | div::before, 122 | div:first-letter, 123 | div::first-letter, 124 | div:first-line, 125 | div::first-line, 126 | div::selection, 127 | a:link, 128 | a:visited, 129 | a:active, 130 | a:hover, 131 | a:focus, 132 | a:not(a.blah:nth-child(2n+1)), 133 | a:first, 134 | a:left, 135 | a:right, 136 | a:root, 137 | a:nth-last-child(-n+1), 138 | a:nth-of-type(5n), 139 | a:nth-last-of-type(1), 140 | a:first-child, 141 | a:last-child, 142 | a:first-of-type, 143 | a:last-of-type, 144 | a:only-of-type, 145 | a:empty, 146 | a:target, 147 | input:checked, 148 | input:enabled, 149 | input:default, 150 | input:disabled, 151 | input:indeterminate, 152 | input:invalid, 153 | input:optional, 154 | input:required, 155 | input:valid, 156 | div { } 157 | 158 | 159 | /* Media queries */ 160 | @media all { 161 | div { 162 | font-weight: normal; 163 | } 164 | } 165 | /* Test */ 166 | @media screen { 167 | div { 168 | font-weight: normal; 169 | } 170 | } 171 | @media (width:300px) { div { font-weight: normal; } } 172 | @media (min-width:300px) { div { font-weight: normal; } } 173 | @media (max-width:300px) { div { font-weight: normal; } } 174 | @media (device-width:300px) { div { font-weight: normal; } } 175 | @media (min-device-width:300px) { div { font-weight: normal; } } 176 | @media (max-device-width:300px) { div { font-weight: normal; } } 177 | @media (height:300px) { div { font-weight: normal; } } 178 | @media (min-height:300px) { div { font-weight: normal; } } 179 | @media (max-height:300px) { div { font-weight: normal; } } 180 | @media (device-height:300px) { div { font-weight: normal; } } 181 | @media (min-device-height:300px) { div { font-weight: normal; } } 182 | @media (max-device-height:300px) { div { font-weight: normal; } } 183 | @media (aspect-ratio:20/40) { div { font-weight: normal; } } 184 | @media (min-aspect-ratio:20/40) { div { font-weight: normal; } } 185 | @media (max-aspect-ratio:20/40) { div { font-weight: normal; } } 186 | @media (device-aspect-ratio:20/40) { div { font-weight: normal; } } 187 | @media (min-device-aspect-ratio:20/40) { div { font-weight: normal; } } 188 | @media (max-device-aspect-ratio:10/40) { div { font-weight: normal; } } 189 | @media (color) { div { font-weight: normal; } } 190 | @media (min-color) { div { font-weight: normal; } } 191 | @media (max-color) { div { font-weight: normal; } } 192 | @media (color-index) { div { font-weight: normal; } } 193 | @media (min-color-index) { div { font-weight: normal; } } 194 | @media (max-color-index) { div { font-weight: normal; } } 195 | @media (color:50) { div { font-weight: normal; } } 196 | @media (resolution:50dpi) { div { font-weight: normal; } } 197 | @media (resolution:50dpcm) { div { font-weight: normal; } } 198 | @media (min-resolution:50dpi) { div { font-weight: normal; } } 199 | @media (max-resolution:50dpi) { div { font-weight: normal; } } 200 | @media (monochrome) { div { font-weight: normal; } } 201 | @media (min-monochrome:1) { div { font-weight: normal; } } 202 | @media (max-monochrome:1) { div { font-weight: normal; } } 203 | @media (scan:interlace) { div { font-weight: normal; } } 204 | @media (scan:progressive) { div { font-weight: normal; } } 205 | @media (grid) { div { font-weight: normal; } } 206 | @media (orientation:portrait) { div { font-weight: normal; } } 207 | @media (orientation:landscape) { div { font-weight: normal; } } 208 | @media { div { font-weight: bold; } } 209 | @media all and (min-width: 500px) and (color) { div { font-weight: bold; } } 210 | @media (min-width: 500px) { div { font-weight: bold; } } 211 | @media screen and (color), projection and (color) { div { font-weight: bold; } } 212 | @media only screen { div { font-weight: normal; } } 213 | @media screen { div { font-weight: normal; } } 214 | @media screen, print { div { font-weight: normal; } } 215 | 216 | garbage 217 | 218 | @media all and (orientation:portrait) { 219 | div { 220 | font-weight: normal; 221 | } 222 | } 223 | @media all and (orientation:landscape) { 224 | div { 225 | font-weight: normal; 226 | } 227 | } 228 | @media screen and (max-device-width: 480px) { 229 | div { 230 | font-weight: normal; 231 | } 232 | } 233 | @media print { 234 | div { 235 | font-weight: normal; 236 | } 237 | } 238 | @font-face { 239 | font-family: 'foo'; 240 | src: url('foo.eot'); 241 | src: local('☺'), 242 | url('foo.woff') format('woff'), 243 | url('foo.ttf') format('truetype'), 244 | url('foo.svg#webfontsocnK1fE') format('svg'); 245 | font-weight: normal; 246 | font-style: italic; 247 | } 248 | @font-face { 249 | font-family: 'foo2'; 250 | src: url('foo2.eot'); 251 | src: local('☺'), 252 | url('foo2.woff') format('woff'), 253 | url('foo2.ttf') format('truetype'), 254 | url('foo2.svg#webfontsocnK1fE') format('svg'); 255 | font-weight: normal; 256 | font-style: italic; 257 | } 258 | -------------------------------------------------------------------------------- /info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | contactEmailRot13 6 | ohaqyrf@grkgzngr.bet 7 | contactName 8 | Michael Sheets 9 | description 10 | The <a href="http://www.w3.org/Style/CSS/">cascading stylesheet language</a> is used in web pages. This bundle has syntax highlight, lots of snippets, validation, and more. 11 | mainMenu 12 | 13 | excludedItems 14 | 15 | 0975B58C-C7A1-441E-90E4-C7C413975D42 16 | 17 | items 18 | 19 | 50AA6E95-A754-4EBC-9C2A-68418C70D689 20 | 45E5E5A1-84CC-11D9-970D-0011242E4184 21 | 05554FE0-4A70-4F3E-81C5-72855D7EB428 22 | ------------------------------------ 23 | CC30D708-6E49-11D9-B411-000D93589AF6 24 | ------------------------------------ 25 | 9F64EFE2-09C2-4F87-80D6-448A0C177E7B 26 | 59F1C716-CF05-4B66-8BBB-579964D6A5EB 27 | D0D7941C-EE21-4445-88B2-4050CBCC2E1E 28 | 633A9FE3-2D09-45EE-AE9A-36567290F5D8 29 | EB34703E-A048-4F3B-B65B-C4B79C5FD17B 30 | E443AF34-F5C8-4F9E-A0CB-AD06F7544AF6 31 | D2E0AA97-9315-4D15-BBD4-6970099B2898 32 | DA768A1E-2E7A-4258-BB71-5CA8BDB28517 33 | F61DB38E-02C8-42ED-8B4C-9338B8730C21 34 | F1DB915E-493A-4F5F-9E27-E9137628BB4D 35 | ------------------------------------ 36 | 5D65DB63-6397-447C-92BB-DA544933B951 37 | 22BE15A9-0DCC-4989-93AD-048C4EE4CD84 38 | ------------------------------------ 39 | 64180C76-8C8D-4F29-82BE-6096BE1B14D8 40 | 3556C0BE-73B3-45CE-8C9C-7B3AA3BB038B 41 | 42 | submenus 43 | 44 | 22BE15A9-0DCC-4989-93AD-048C4EE4CD84 45 | 46 | items 47 | 48 | 749295F4-F139-422A-80A0-EA11364396E3 49 | FCDDB549-681A-436F-894E-1A408C0E114C 50 | 81CCEB84-6241-4E4F-BB26-54BAAFA3FF2E 51 | 52 | name 53 | Proprietary 54 | 55 | 59F1C716-CF05-4B66-8BBB-579964D6A5EB 56 | 57 | items 58 | 59 | A2EA7266-AE50-4987-A86B-E3C4DFA5B643 60 | 0FEBF51B-77B0-4D38-9CDB-276744CAF455 61 | 5FFC4EDE-9AEE-4854-BA78-34BD98BE7FBE 62 | 1998EF7F-D855-4EAF-8CE0-D76CE8C905A4 63 | BDA03041-39C6-461C-A6F3-F6145D99AB5E 64 | ------------------------------------ 65 | 979C3D46-E8B1-484D-9DBB-E3B1FCD3BCF9 66 | EE19367C-6634-4854-910D-90C6F5752A46 67 | 8B059A97-7F2C-48CD-8422-0ECAB678E8AE 68 | 6F1126A9-5916-4E6F-8812-AB82C4638B6B 69 | 1A667AFE-208F-4697-AD44-3FA1A23AA4C7 70 | ------------------------------------ 71 | E4BD9171-E053-4EEF-8631-CFC74F1DCB97 72 | C5039010-E264-4D3D-A12E-02C2DB7DC4BF 73 | 6AE8DB39-F8E2-4DC9-ADBA-460E952439D8 74 | 39FA441C-3A8F-49D4-BBFE-270B4C962782 75 | 8AD77320-0E31-48B9-94A9-982FD8DD1885 76 | ------------------------------------ 77 | AB0759F4-4243-4807-B297-2902459EBE02 78 | DAF7114F-B5DC-4E70-A7CD-66FF028F93B1 79 | 321FFAF7-5699-45E6-8696-DE84AD607690 80 | 05AFB9EB-F4AB-4F86-8170-535CF508176C 81 | 189DD463-0331-4B99-8CA2-ADEEF7CC078D 82 | 83 | name 84 | Border 85 | 86 | 5D65DB63-6397-447C-92BB-DA544933B951 87 | 88 | items 89 | 90 | EF1F2D38-A71A-4D1D-9B07-B1CBB6D84B81 91 | 8E9366D7-BB0B-456C-B9F3-0CE8072A10C3 92 | A723DACA-3819-4E8D-8BCF-9BD1B98AF651 93 | 39244453-6D06-4265-9894-14D7FC0B277F 94 | D612A3B7-7C49-4447-9AAF-CCCFDE4408FF 95 | 17BBB1F1-1F83-4386-97B8-23144EB2441A 96 | 5FDD30D8-7EF8-41E9-8A44-DC3C22EFD75D 97 | E10366F8-CA83-4447-89D3-B36AFD1EAECD 98 | 6523B6C5-8741-4766-98D6-1B1DE2E6A5F3 99 | 50C748B6-C8B6-447F-A9EE-DD41CF1CD707 100 | 1398502F-D4FD-437B-9033-49E254159BDE 101 | 1B042CEF-7C82-472D-92A2-FF555BFD6927 102 | 0C94F6A6-8AFB-47BC-8448-2383CF0D6C5B 103 | DE6D5C37-AC74-467E-9029-9844D8F4153A 104 | A7D10908-72FE-4502-A267-42C5B03F0D66 105 | B121F84A-CE4A-491D-BF3D-35ED51C82554 106 | DA7DF131-7351-4F3B-B680-57159E50E6DE 107 | 2EED405C-FBAF-4AEB-9B30-ED8EB2252378 108 | 109 | name 110 | Other 111 | 112 | 633A9FE3-2D09-45EE-AE9A-36567290F5D8 113 | 114 | items 115 | 116 | D69E7EB0-07E2-48A3-AD32-A7C3E6CAFBBC 117 | FBA1210B-33DB-49D0-B026-FF31DBC41FD6 118 | 45D80BAF-0B0A-4334-AFBC-3601B5903707 119 | 120 | name 121 | Color 122 | 123 | 9F64EFE2-09C2-4F87-80D6-448A0C177E7B 124 | 125 | items 126 | 127 | D09967B1-2215-4B10-A331-7A372281DDA6 128 | ------------------------------------ 129 | 32B7B151-17CB-4DA4-AC0B-7D02BC606403 130 | 12241B4B-197C-41AF-ACC2-6B9A7AEC7039 131 | 913410E0-623A-43F0-B71F-2E8FB9D5EBC8 132 | C71B1388-2815-4CAE-8652-CD159095AEAD 133 | ------------------------------------ 134 | 978CBFF6-62D6-45B1-93F7-5644E1C6262B 135 | 7D71DF8B-492E-493D-BD94-1A4AFCCDCBBF 136 | ------------------------------------ 137 | 9E194D74-B73B-4D2B-A89F-51F7468A3E97 138 | E198D2D5-6B52-42FD-BCBC-01B0A7E5E80E 139 | 4EE66583-26BE-4DBA-BD18-8DAF593835F9 140 | 141 | name 142 | Background 143 | 144 | D0D7941C-EE21-4445-88B2-4050CBCC2E1E 145 | 146 | items 147 | 148 | 5EDCDB17-5DB0-459A-A61D-29984DD3A3B8 149 | 5C9011B1-B8A8-4FD3-8EA8-848AF6509ADF 150 | 151 | name 152 | Cursor 153 | 154 | D2E0AA97-9315-4D15-BBD4-6970099B2898 155 | 156 | items 157 | 158 | 1C7E0430-2A67-4CEF-9D68-4ED6315A8567 159 | BDEF3B0F-6414-4B1A-8841-864702B51EC6 160 | 9B10C768-5DA7-4570-98E4-70A36261C823 161 | ------------------------------------ 162 | C5CE7E29-9EB1-4A63-8173-190D12E4E4E4 163 | 24436F96-2383-48AB-844F-AE791DEAF080 164 | 97A55488-5DD9-4347-B5F1-722F580715E4 165 | E024086F-94B8-401F-A903-7F0CDA8E0B8A 166 | B8E9019D-3419-4CC3-87BB-DC54098CBFD0 167 | 168 | name 169 | List Style 170 | 171 | DA768A1E-2E7A-4258-BB71-5CA8BDB28517 172 | 173 | items 174 | 175 | FA3D9F50-C5F6-4193-81D2-98A3E8FFBB2F 176 | 99315B12-6A41-4D8F-8477-F38DE0EBBEF8 177 | 68A3178C-A024-48BD-ABA6-0A03A69BD82E 178 | ------------------------------------ 179 | 412AA532-762F-4270-961A-54BF6014996D 180 | 1FDAB8C2-7A0D-4C0A-97FF-77AD2CC86083 181 | 6354F6AC-74E2-42CF-96B0-7EE2733B9B34 182 | C19985FF-A12C-49B9-9BA3-EDC726E919A0 183 | 184 | name 185 | Margin 186 | 187 | E443AF34-F5C8-4F9E-A0CB-AD06F7544AF6 188 | 189 | items 190 | 191 | F5EDF655-440B-4E1B-908F-4291F3A0A3A8 192 | 30C6CFA2-C00A-4F2A-8770-096A49C3F95F 193 | ------------------------------------ 194 | 25388EC7-EA59-4C87-9F11-52870ADBF1AB 195 | CD8E3F13-2B14-401D-9646-E309FB04B678 196 | 128D7494-86EA-4615-87F4-C4D45E8C04AA 197 | B6C9A8F9-2942-4592-B73F-2833B9F648E5 198 | F2DC92D8-43D4-4044-9D85-D96F734FF81E 199 | 200 | name 201 | Font 202 | 203 | EB34703E-A048-4F3B-B65B-C4B79C5FD17B 204 | 205 | items 206 | 207 | CA506D09-9EAE-445D-AE1E-7058937304B7 208 | 2FC3C35E-88A6-4DA0-808D-3034A96E7794 209 | 56940467-7D99-4F31-83C2-1554638F552A 210 | 98BE34AD-3CB1-4FB9-98A0-5E5A4BA63286 211 | 212 | name 213 | Display 214 | 215 | F1DB915E-493A-4F5F-9E27-E9137628BB4D 216 | 217 | items 218 | 219 | F6CB9433-601A-4F95-A6B9-27D76B50DEE3 220 | B1916E73-D417-42C2-A5C1-E95428DA6C45 221 | 2CFA68DC-947B-4C43-872C-FB4DC0704D27 222 | ------------------------------------ 223 | 77EF6A55-9814-492C-B8E2-EFF0FFAC272E 224 | 005905FF-544A-434C-803E-B51689332034 225 | 1A6AD6F4-E0F7-406B-B28B-06EC54660650 226 | ------------------------------------ 227 | 32CD0FA8-7BE7-4D58-A28A-7388F4CF6F9A 228 | 2FF51006-7E07-4296-B89D-5ADF7B9B4232 229 | 230 | name 231 | Text 232 | 233 | F61DB38E-02C8-42ED-8B4C-9338B8730C21 234 | 235 | items 236 | 237 | 6E64EA4A-A10E-49B3-AC9C-D53DBF9ED14A 238 | 4602BFF3-C7F1-4CF5-93CE-125EC8ABC7C8 239 | DD5BB93D-4F99-4A41-8864-85A557B922C7 240 | ------------------------------------ 241 | E5B92C27-8602-4E50-9DF7-DE476E63BA1A 242 | C1667E5D-3A50-42F8-8129-6C3EEB43D7C2 243 | 1644E167-7A29-46A7-A100-7BD6C7EFA2F3 244 | 772DD28C-80C2-4C9B-8023-1E71A974E1C4 245 | 246 | name 247 | Padding 248 | 249 | 250 | 251 | name 252 | CSS 253 | uuid 254 | 4675F24E-6227-11D9-BFB1-000D93589AF6 255 | 256 | 257 | --------------------------------------------------------------------------------