Ускоренный набор CSS

Принцип построения аббревиатур

• чем чаще используется правило, тем короче его аббревиатура
• одна или две буквы на первое слово, буква на второе слово (если есть), буква на значение (если есть)
• наравне с generic правилом с переменными (например, f – font) может создаваться частоиспользуемое правило с предопределёнными значениями переменных (например, fa – font: 100% Arial, sans-serif;)
  
• правила с конечными предопределёнными значениями получают каждое свою аббревиатуру (например, cl – clear: left, cr – clear: right, etc), для них не создаётся generic правило без значений
  
• каждое правило завершается ;$END$, что ставит курсор с конец строки.

Вспомогательные шаблоны

Аббервиатуры этих шаблонов заданы редактированием css.xml файла, из GUI создать их нельзя.

Аббр	Правило
\	block comment: /* Something (begin) */ .SELECTOR { } /* Something (end) */
/	inline comment: /* … */ /**/
!	!important
@	@import url(…);
d	border: 1px solid red !important;

Основные шаблоны

Шаблоны в порядке описаном в StyleGuide

Шрифт

Аббр	Правило
f	font: …
fa	font: 100% Arial, sans-serif
fv	font: 80% Verdana, sans-serif
ff	font-family: …
ffa	font-family: Arial, sans-serif
fs	font-size: …
fwb	font-weight: bold
fwn	font-weight: normal
fsi	font-style: italic
fsn	font-style: normal
fvn	font-variant: normal
fvs	font-variant: small-caps

Позиционирование

Аббр	Правило
poa	position: absolute
pof	position: fixed
por	position: relative
pos	position: static
z	z-index: …
t	top: …
r	right: …
bo	bottom: …
l	left: …

Про bo: Просто b занят под border, который используется чаще.

Отображение

Аббр	Правило
db	display: block
di	display: inline
dn	display: none
dib	display: -moz-inline-block; display: inline-block
dt	display: table
dtc	display: table-cell
dtr	display: table-row
dli	display: list-item
dit	display: inline-table
vh	visibility: hidden
vv	visibility: visible
fl	float: left
fr	float: right
fn	float: none
cl	clear: left
cr	clear: right
cn	clear: none
oa	overflow: auto
oh	overflow: hidden
oi	overflow: inherit
os	overflow: scroll
ov	overflow: visible
z1	zoom: 1

Размеры

Аббр	Правило
bsb	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box
bsc	box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box
w	width: …
w1	width: 100%
wa	width: auto
miw	min-width: …
maw	max-width: …
h	height: …
h1	height: 100%
mih	min-height: …
mah	max-height: …
m	margin: …
mt	margin-top: …
mr	margin-right: …
mb	margin-bottom: …
ml	margin-left: …
p	padding: …
pt	padding-top: …
pr	padding-right: …
pb	padding-bottom: …
pl	padding-left: …

Таблицы/Списки

Аббр	Правило
tlf	table-layout: fixed
tla	table-layout: auto
ecs	empty-cells: show
ech	empty-cells: hide
bos	border-spacing: 0
bcc	border-collapse: collapse
bcs	border-collapse: separate
ls	list-style: …
lsn	list-style: none

Текст

Аббр	Правило
co	content: …
cor	counter-reset: …
coi	counter-increment: …
cu	cursor: …
cuh	cursor: hand
cup	cursor: pointer
cut	cursor: text
tal	text-align: left
tar	text-align: right
tac	text-align: center
taj	text-align: justify
vat	vertical-align: top
vab	vertical-align: bottom
vam	vertical-align: middle
lh	line-height: …
ws	white-space: …
wsn	white-space: nowrap
wsp	white-space: pre
td	text-decoration: …
tdn	text-decoration: none
tdu	text-decoration: underline
ti	text-indent: …
ttn	text-transform: none
ttu	text-transform: uppercase
ttl	text-transform: lowercase
ttc	text-transform: capitalize
les	letter-spacing: …
wos	word-spacing: …

Цвета/Эффекты

Аббр	Правило
op	opacity: …
fo	filter: alpha(opacity=…)
c	color: …
b	border: 1px solid …
bc	border-color: …
bs	border-style: …
bw	border-width: …
bt	border-top: 1px solid …
btc	border-top-color: …
bts	border-top-style: …
btw	border-top-width: …
br	border-right: 1px solid …
brc	border-right-color: …
brs	border-right-style: …
brw	border-right-width: …
bb	border-bottom: 1px solid …
bbc	border-bottom-color: …
bbs	border-bottom-style: …
bbw	border-bottom-width: …
bl	border-left: 1px solid …
blc	border-left-color: …
bls	border-left-style: …
blw	border-left-width: …
o	outline: 1px solid …
ba	background: …
ban	background: none
bau	background: [color]url(…) no-repeat[position]
bac	background-color: …
bact	background-color: transparent
bai	background-image: url(…)
bain	background-image: none
bap	background-position: …
barn	background-repeat: none
barr	background-repeat: repeat
barx	background-repeat: repeat-x
bary	background-repeat: repeat-y
baaf	background-attachment: fixed
baas	background-attachment: scroll
fi	filter: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=…)
fic	filter: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=…,method=crop)
fis	filter: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=…,method=scale)
ts	text-shadow: …