208 lines
3.7 KiB
JavaScript
208 lines
3.7 KiB
JavaScript
'use strict';
|
|
|
|
var pos = 'position',
|
|
t = 'top',
|
|
r = 'right',
|
|
b = 'bottom',
|
|
l = 'left',
|
|
w = 'width',
|
|
h = 'height',
|
|
ov = 'overflow',
|
|
col = 'color',
|
|
con = 'content',
|
|
ovx = ov + '-x',
|
|
ovy = ov + '-y',
|
|
fl = 'flex',
|
|
fld = fl + '-direction',
|
|
flg = fl + '-grow',
|
|
fls = fl + '-shrink',
|
|
flb = fl + '-basis',
|
|
flw = fl + '-wrap',
|
|
align = 'align',
|
|
ai = align + '-items',
|
|
ac = align + '-' + con,
|
|
as = align + '-self',
|
|
mr = 'margin',
|
|
mrt = mr + '-' + t,
|
|
mrr = mr + '-' + r,
|
|
mrb = mr + '-' + b,
|
|
mrl = mr + '-' + l,
|
|
pd = 'padding',
|
|
pdt = pd + '-' + t,
|
|
pdr = pd + '-' + r,
|
|
pdb = pd + '-' + b,
|
|
pdl = pd + '-' + l,
|
|
bd = 'border',
|
|
bdt = bd + '-' + t,
|
|
bdr = bd + '-' + r,
|
|
bdb = bd + '-' + b,
|
|
bdl = bd + '-' + l,
|
|
bdrad = bd + '-radius',
|
|
bg = 'background',
|
|
bgc = bg + '-' + col,
|
|
bgi = bg + '-image',
|
|
bgr = bg + '-repeat',
|
|
bga = bg + '-attachment',
|
|
bgp = bg + '-position',
|
|
bgs = bg + '-size',
|
|
bgo = bg + '-origin',
|
|
bgcl = bg + '-clip',
|
|
style = 'style',
|
|
f = 'font',
|
|
fz = f + '-size',
|
|
fs = f + '-' + style,
|
|
fw = f + '-weight',
|
|
ff = f + '-family',
|
|
text = 'text',
|
|
ta = text + '-align',
|
|
td = text + '-decoration',
|
|
tt = text + '-transform',
|
|
ts = text + '-shadow',
|
|
tov = text + '-overflow',
|
|
st = 'stroke',
|
|
stw = st + '-width',
|
|
stl = st + '-linecap',
|
|
an = 'animation',
|
|
ann = an + '-name'
|
|
;
|
|
|
|
var atoms = exports.atoms = {
|
|
// Positioning
|
|
pos,
|
|
t,
|
|
r,
|
|
b,
|
|
l,
|
|
z: 'z-index',
|
|
|
|
// Layout (box model)
|
|
d: 'display',
|
|
vis: 'visibility',
|
|
w,
|
|
h,
|
|
minW: 'min-' + w,
|
|
maxW: 'max-' + w,
|
|
minH: 'min-' + h,
|
|
maxH: 'max-' + h,
|
|
ov,
|
|
ovx,
|
|
ovy,
|
|
bxz: 'box-sizing',
|
|
cl: 'clip',
|
|
clp: 'clip-path',
|
|
clr: 'clear',
|
|
tbl: 'table-layout',
|
|
|
|
// Flexbox
|
|
fl,
|
|
fld,
|
|
flg,
|
|
fls,
|
|
flb,
|
|
flw,
|
|
jc: 'justify-' + con,
|
|
ai,
|
|
ac,
|
|
as,
|
|
|
|
// Margins
|
|
mr,
|
|
mrt,
|
|
mrr,
|
|
mrb,
|
|
mrl,
|
|
mar: mr,
|
|
mart: mrt,
|
|
marr: mrr,
|
|
marb: mrb,
|
|
marl: mrl,
|
|
|
|
// Paddings
|
|
pd,
|
|
pdt,
|
|
pdr,
|
|
pdb,
|
|
pdl,
|
|
pad: pd,
|
|
padt: pdt,
|
|
padr: pdr,
|
|
padb: pdb,
|
|
padl: pdl,
|
|
|
|
// Borders
|
|
bd,
|
|
bdt,
|
|
bdr,
|
|
bdb,
|
|
bdl,
|
|
bdrad,
|
|
bdc: bd + '-' + col,
|
|
bds: bd + '-' + style,
|
|
out: 'outline',
|
|
bxsh: 'box-shadow',
|
|
|
|
// Colors
|
|
col,
|
|
op: 'opacity',
|
|
bg,
|
|
bgc,
|
|
bgi,
|
|
bgr,
|
|
bga,
|
|
bgp,
|
|
bgs,
|
|
bgo,
|
|
bgcl,
|
|
bdfl: 'backdrop-filter',
|
|
bfvis: 'backface-visibility',
|
|
|
|
// Text
|
|
f,
|
|
fz,
|
|
fs,
|
|
fw,
|
|
ff,
|
|
ta,
|
|
td,
|
|
tt,
|
|
ts,
|
|
tov,
|
|
ww: 'word-wrap',
|
|
lts: 'letter-spacing',
|
|
ws: 'white-space',
|
|
lh: 'line-' + h,
|
|
va: 'vertical-' + align,
|
|
|
|
// Pointer
|
|
cur: 'cursor',
|
|
pe: 'pointer-events',
|
|
us: 'user-select',
|
|
|
|
// Animations
|
|
an,
|
|
ann,
|
|
and: an + '-duration',
|
|
anf: an + '-fill-mode',
|
|
anit: an + '-iteration-count',
|
|
anp: an + '-play-state',
|
|
ant: an + '-timing-function',
|
|
trs: 'transition',
|
|
tr: 'transform',
|
|
|
|
// SVG
|
|
st,
|
|
stw,
|
|
stl,
|
|
|
|
// Other
|
|
ls: 'list-' + style,
|
|
con,
|
|
};
|
|
|
|
exports.addon = function (renderer) {
|
|
var originalDecl = renderer.decl;
|
|
renderer.decl = function (key, value) {
|
|
return originalDecl(atoms[key] || key, value);
|
|
};
|
|
};
|