feat: bind mask-size to sizes (#219)

styled-components · Mar 28, 2021 · ae826fa · ae826fa
1 parent 65c04de
commit ae826fa
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/core/src/propGetters.ts b/packages/core/src/propGetters.ts
@@ -127,6 +127,7 @@ export const propGetters = {
   'max-height': getNumberSize,
   'min-width': getNumberSize,
   'min-height': getNumberSize,
+  'mask-size': getMultiValues(getNumberSize),
 
   // getZIndex
   'z-index': getNumber(getZIndex),

diff --git a/website/pages/docs/customization/theme.mdx b/website/pages/docs/customization/theme.mdx
@@ -243,7 +243,7 @@ export const theme = {
 | `shadows`              | `box-shadow`, `text-shadow`                                                                                                                                                                               |
 | `screens`              | Values for breakpoints.                                                                                                                                                                                   |
 | `settings`             | Values for custom settings (`rootFontSize`).                                                                                                                                                              |
-| `sizes`                | `width`, `height`, `max-width`, `max-height`, `min-width`, `min-height`                                                                                                                                   |
+| `sizes`                | `width`, `height`, `max-width`, `max-height`, `min-width`, `min-height`, `mask-size`                                                                                                                      |
 | `space`                | `margin`, `margin-top`, `margin-bottom`, `margin-left`, `margin-right`, `padding`, `padding-top`, `padding-bottom`, `padding-left`, `padding-right`, `gap`, `grid-gap`, `grid-row-gap`, `grid-column-gap` |
 | `timingFunctions`      | `animation-timing-function`, `transition-timing-function`                                                                                                                                                 |
 | `transforms`           | `transform`                                                                                                                                                                                               |