mode atoms

streamich · streamich · commit 09405e9fd97f · 2016-07-14T14:13:39.000+01:00
diff --git a/README.md b/README.md
@@ -196,7 +196,15 @@ Output:
     {
         d:      'display',
         mar:    'margin',
+        mart:   'margin-top',
+        marr:   'margin-right',
+        marb:   'margin-bottom',
+        marl:   'margin-left',
         pad:    'padding',
+        padt:   'padding-top',
+        padr:   'padding-right',
+        padb:   'padding-bottom',
+        padl:   'padding-left',
         bd:     'border',
         bdt:    'border-top',
         bdr:    'border-right',
@@ -226,6 +234,9 @@ Output:
         h:      'height',
         trs:    'transition',
         out:    'outline',
+        vis:    'visibility',
+        ww:     'word-wrap',
+        con:    'content',
     }
 
 
diff --git a/index.js b/index.js
@@ -16,7 +16,15 @@ exports.extend = extend;
 exports.atoms = {
     d: 'display',
     mar: 'margin',
+    mart: 'margin-top',
+    marr: 'margin-right',
+    marb: 'margin-bottom',
+    marl: 'margin-left',
     pad: 'padding',
+    padt: 'padding-top',
+    padr: 'padding-right',
+    padb: 'padding-bottom',
+    padl: 'padding-left',
     bd: 'border',
     bdt: 'border-top',
     bdr: 'border-right',
@@ -46,7 +54,9 @@ exports.atoms = {
     h: 'height',
     trs: 'transition',
     out: 'outline',
-    vis: 'visibility'
+    vis: 'visibility',
+    ww: 'word-wrap',
+    con: 'content'
 };
 function toBlocks(pojo) {
     var blocks = [];
diff --git a/index.ts b/index.ts
@@ -9,22 +9,35 @@ export function extend<T> (obj1: T, obj2: T, ...objs: T[]): T {
 
 export var atoms = {
     d:      'display',
+
     mar:    'margin',
+    mart:   'margin-top',
+    marr:   'margin-right',
+    marb:   'margin-bottom',
+    marl:   'margin-left',
     pad:    'padding',
+    padt:   'padding-top',
+    padr:   'padding-right',
+    padb:   'padding-bottom',
+    padl:   'padding-left',
+
     bd:     'border',
     bdt:    'border-top',
     bdr:    'border-right',
     bdb:    'border-bottom',
     bdl:    'border-left',
     bdrad:  'border-radius',
+
     col:    'color',
     op:     'opacity',
     bg:     'background',
     bgc:    'background-color',
+
     fz:     'font-size',
     fs:     'font-style',
     fw:     'font-weight',
     ff:     'font-family',
+
     lh:     'line-height',
     bxz:    'box-sizing',
     w_bxz:  '-webkit-box-sizing',
@@ -41,6 +54,8 @@ export var atoms = {
     trs:    'transition',
     out:    'outline',
     vis:    'visibility',
+    ww:     'word-wrap',
+    con:    'content',
 };
 
 
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "css-light",
   "description": "Write CSS in JavaScript",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "keywords": [
     "css",
     "javascript",

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "css-light",`
`3`	`3`	`"description": "Write CSS in JavaScript",`
`4`		`- "version": "1.0.10",`
	`4`	`+ "version": "1.0.11",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"css",`
`7`	`7`	`"javascript",`