menu
Channels
Team
Posts
Members
Info
down-caret

Unable to access `theme` inside of TS styled-system design system project

I have a React TS-based design system built with emotion, styled-system, and theme-ui and am encountering a TS error I can't seem to resolve. It seems like a simple fix, I just haven't been able to debug it... I'm seeing the issue in…

thumbsup
0
message-simple
0

Use array scales with themeGet

Using themeGet, I am trying to achieve this: But using array in themeGet don't work:

thumbsup
0
message-simple
1

Mixing grid layout and scaled spacing

I'm currently trying to get my head around the styled-system approach. Coming from design systems which utilize a classic column-based grid (e.g. Bootstrap) I have the feeling that this is somewhat opposed to specifying spacing (mostly margins) with the styled-system scale (by…

thumbsup
2
message-simple
0

I can't seem to use the 'color' system with my Theme via jest

Github Question > https://github.com/styled-system/styled-system/issues/1635 Stackoverflow > https://stackoverflow.com/questions/64336614/using-react-test-renderer-w-styled-components-theme-react-native It looks like when testing my component i can't seem to get the color…

thumbsup
0
message-simple
1

How do you responsively style nested elements with styled-system?

I have a Text component which is a styled span and uses a variant to get the fontSize and lineHeight. <span>This is text <img src="exampleurl"/></span> I want to style the img tag that is inside the span responsively. I have included an example above of my component and attempt…

thumbsup
0
message-simple
0

css object in variant

I'm wondering if it's possible to use css object in variant. Currently, when using css object it shows css with an error in its syntax. The following code I'm using to create styled-component It generates the following css …

thumbsup
0
message-simple
0

passing nested color object as prop not working

I have colors in my theme.js as below - colors: { gray: '#f2f2f2', …

thumbsup
0
message-simple
1

React Native and styled-system/css

Is it possible to use styled-system/css with React Native and Styled Components? Any simple examples anywhere? I tried but wasn't able to make use of it... Cheers!

thumbsup
0
message-simple
0

Node of type atrule not supported as an inline style

I am trying to implement styled-system to my react native app . I want to use responsive style in my box. But I get warning "Node of type atrule not supported as an inline style" . // in theme …

thumbsup
0
message-simple
1

Extending through styled-component doesn't work like docs

I was looking to create a component which extend a Box really similar to the one presented in guide : You can find the section extend at the end where you can read : I wasn't able to reproduce this example with my component especially with borderRadius that never able to look…

thumbsup
0
message-simple
1