More atoms

Author: streamich

README.md

@@ -193,26 +193,40 @@ console.log(css.atoms);
 
 Output:
 
-    { d: 'display',
-      mar: 'margin',
-      pad: 'padding',
-      bd: 'border',
-      col: 'color',
-      op: 'opacity',
-      bg: 'background',
-      fz: 'font-size',
-      fs: 'font-style',
-      lh: 'line-height',
-      bxz: 'box-sizing',
-      cur: 'cursor',
-      ov: 'overflow',
-      pos: 'position',
-      ls: 'list-style',
-      ta: 'text-align',
-      td: 'text-decoration',
-      fl: 'float',
-      w: 'width',
-      h: 'height' }
+    {
+        d:      'display',
+        mar:    'margin',
+        pad:    'padding',
+        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',
+        m_bxz:  '-moz-box-sizing',
+        cur:    'cursor',
+        ov:     'overflow',
+        pos:    'position',
+        ls:     'list-style',
+        ta:     'text-align',
+        td:     'text-decoration',
+        fl:     'float',
+        w:      'width',
+        h:      'height',
+        trs:    'transition',
+        out:    'outline',
+    }
 
 
 ## Media Queries

index.js

@@ -18,13 +18,23 @@ exports.atoms = {
     mar: 'margin',
     pad: 'padding',
     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',
+    m_bxz: '-moz-box-sizing',
     cur: 'cursor',
     ov: 'overflow',
     pos: 'position',
@@ -33,7 +43,9 @@ exports.atoms = {
     td: 'text-decoration',
     fl: 'float',
     w: 'width',
-    h: 'height'
+    h: 'height',
+    trs: 'transition',
+    out: 'outline'
 };
 function toBlocks(pojo) {
     var blocks = [];

index.ts

@@ -12,13 +12,23 @@ export var atoms = {
     mar:    'margin',
     pad:    'padding',
     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',
+    m_bxz:  '-moz-box-sizing',
     cur:    'cursor',
     ov:     'overflow',
     pos:    'position',
@@ -28,6 +38,8 @@ export var atoms = {
     fl:     'float',
     w:      'width',
     h:      'height',
+    trs:    'transition',
+    out:    'outline',
 };
 
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "css-light",
   "description": "Write CSS in JavaScript",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "keywords": [
     "css",
     "javascript",