HBuilderCSS自定义代码块

111

112 snippet "border-width" do |s|113 r = "bw"114 ion = 'border-width: $1'115 plyReContentAssist = true116 end117

118 snippet "display: none" do |s|119 r = "dn"120 ion = 'display: none'121 end122

123 snippet "overflow: hidden" do |s|124 r = "ovh"125 ion = 'overflow: hidden'126 end127

128 snippet "display: block" do |s|129 r = "db"130 ion = 'display: block'131 end132

133 snippet "font-family: family" do |s|134 r = "ff"135 ion = 'font-family: $1'136 plyReContentAssist = true137 end138

139 snippet "font-size: size" do |s|140 r = "fsize"141 ion = 'font-size: $1'142 plyReContentAssist = true143 end144

145 snippet "height length" do |s|146 r = "hei"147 ion = 'height ${1}px;$0'148 end149

150 snippet "list-style-image: url" do |s|151 r = "lsi"152 ion = 'list-style-image: url($1);'153 plyReContentAssist = true154 end155

156 snippet "properties { } ( } )" do |s|157 r = "{"158 ion = '{159 /* $1 */160 $0161 '162 end163 # FIXME Doesn't work164 snippet "scrollbar" do |s|165 r = "scrollbar"166 ion = 'scrollbar-base-color: ${1:#CCCCCC};167 scrollbar-arrow-color: ${2:#000000};168 scrollbar-track-color: ${3:#999999};169 scrollbar-3dlight-color: ${4:#EEEEEE};170 scrollbar-highlight-color: ${5:#FFFFFF};171 scrollbar-face-color: ${6:#CCCCCC};172 scrollbar-shadow-color: ${7:#999999};173 scrollbar-darkshadow-color: ${8:#666666};'174 end175

176 snippet "text-align: left" do |s|177 r = "tal"178 ion = 'text-align: left;'179 end180

181 snippet "text-align: center" do |s|182 r = "tac"183 ion = 'text-align: center;'184 end185

186 snippet "text-align: right" do |s|187 r = "tar"188 ion = 'text-align: right;'189 end190

191 snippet "text-transform" do |s|192 r = "tt"193 ion = 'text-transform: $1'194 plyReContentAssist = true195 end196

197 snippet "width length" do |s|198 r = "wid"199 ion = 'width: ${1}px;$0'200 end201

202 snippet "margin-top" do |s|203 r = "mgt"204 ion = 'margin-top: $1'205 end206

207 snippet "userselect:none" do |s|208 r = "usn"209 ion = '-webkit-user-select: none;210 -moz-user-select: none;211 -ms-user-select: none;'212 end213 end214

215 with_defaults :scope => " " do216 snippet "@font-face" do |s|217 r = "@fontface"218 onType="CSS_OUTRULE"219 ion = '@font-face {220 font-family:$1;221 src: url($2);222 }'223 end

224

225 snippet "@import" do |s|226 r = "@import"227 onType="CSS_OUTRULE"228 ion = '@import url("${1:}");'229 end230

231 snippet "@charset" do |s|232 r = "@charset"233 onType="CSS_OUTRULE"234 ion = '@charset "${1:utf-8}";'235 end236

237 snippet "@page" do |s|238 r = "@page"239 onType="CSS_OUTRULE"240 ion = '@page:${1:first/left/right}{241

242 }'243 end244 snippet "@keyframes" do |s|245 r = "@keyframes"246 onType="CSS_OUTRULE"247 ion = '@keyframes ${1:name}{248 from{$2}249 to{$3}250 }'251 end252

253 snippet "@-moz-keyframes" do |s|254 r = "@keyframes"255 onType="CSS_OUTRULE"256 ion = '@-moz-keyframes ${1:name}{257 from{$2}258 to{$3}259 }'260 end261

262 snippet "@-ms-keyframes" do |s|263 r = "@keyframes"264 onType="CSS_OUTRULE"265 ion = '@-ms-keyframes ${1:name}{266 from{$2}267 to{$3}268 }'269 end270

271 snippet "@-webkit-keyframes" do |s|272 r = "@keyframes"273 onType="CSS_OUTRULE"274 ion = '@-webkit-keyframes ${1:name}{275 from{$2}276 to{$3}277 }'278 end279

280 snippet "@document" do |s|281 r = "@document"282 onType="CSS_OUTRULE"283 ion = '@document ${1:url/url-prefix/domain/regexp}("$2") {284 $3285 }'286 end287

288 snippet "@supports" do |s|289 r = "@supports"290 onType="CSS_OUTRULE"291 ion = '@supports(${1:prop}:${2:value}) {292 $3293 }'294 end295

296 snippet "@namespace" do |s|297 r = "@namespace"298 onType="CSS_OUTRULE"299 ion = '@namespace ${1:prefix} "$2";'300 end301

302

303 snippet "@media" do |s|304 r = "@media"305 onType="CSS_OUTRULE"306 ion = '@media only screen and (min-width: $1px) {307 $2308 }'309 end310 end