fix: add missing properties top, left, right, bottom

styled-components · Nov 13, 2019 · c20345b · c20345b
1 parent 6e5ffa8
commit c20345b
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/core/src/propGetters.js b/packages/core/src/propGetters.js
@@ -14,6 +14,7 @@ import {
   getFontWeight,
   getLetterSpacing,
   getTransition,
+  getPx,
 } from '@xstyled/system'
 
 const getNumber = transform => value => {
@@ -27,6 +28,8 @@ const getMultiValues = transform => value => {
   return p => values.map(value => transform(value)(p)).join(' ')
 }
 
+const getNumberPx = getNumber(getPx)
+
 const getNumberSpace = getNumber(getSpace)
 const getMultiNumberSpace = getMultiValues(getNumberSpace)
 
@@ -121,4 +124,10 @@ export const propGetters = {
 
   // getTransition
   transition: getTransition,
+
+  // getPx
+  top: getNumberPx,
+  right: getNumberPx,
+  bottom: getNumberPx,
+  left: getNumberPx,
 }