facepaint
facepaint copied to clipboard
emotion-js
Responsive style values for css-in-js.
I would like to use facepaint inside an object, but I am not sure this is possible. Something like: ```jsx const mq = facepaint([ '@media(min-width: 420px)', ]) const Container =...
I not found nothing about this property in documentation... it's possible? 
Is it possible to use the `mq` like this: ``` const ColumnOne = styled.div` ${({ theme }) => ` ${mq({ 'paddingRight': [0, `${theme.spacer * 20}px`], 'grid-column': ['1 / 15', '1...
Bumps [codecov](https://github.com/codecov/codecov-node) from 2.3.1 to 3.7.1. Release notes Sourced from codecov's releases. v3.6.4 Fix for Cirrus CI v3.6.3 AWS Codebuild fixes + package updates v3.6.2 command line args sanitised v3.6.1...
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot] avatar"){kind=avatar}
**Type of issue**: potential bug in type definition file **Current behavior**:  **Expected behavior**: No type errors **Solution that I've found**: In the type definition file, if you change the...
The following does **not** work: ``` const mq = facepaint({ _: '@media(min-width: 0px)', xs: '@media(min-width: 480px)', sm: '@media(min-width: 768px)', md: '@media(min-width: 992px)', lg: '@media(min-width: 1200px)', xl: '@media(min-width: 1600px)', }) const...
I'm using facepaint with emotion and I want to be able to pass props into a styled component. With emotion you would normally do this: const TextColumnContainer = styled.div(props =>...
Love the library so far, any suggestion on how to improve the readability here? **Define our breakpoints** ``` export const breakpoints = { xs: 480, sm: 576, md: 768, lg:...
I have pseudo-selector classes that only appear at my larger breakpoint. Currently it appears that I have to put every property within them inside an array: ```js mq({ '&>li:first-child': {...
