You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/docs/src/pages/sx-prop.mdx
+18Lines changed: 18 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -108,6 +108,24 @@ export default props => (
108
108
)
109
109
```
110
110
111
+
### Skipping Breakpoints
112
+
113
+
If you want to skip a breakpoint, you can use the value `null`. This is useful if you want to set a value for only the largest breakpoint, for example.
114
+
115
+
```jsx
116
+
/** @jsx jsx */
117
+
import { jsx } from'theme-ui'
118
+
119
+
exportdefaultprops=> (
120
+
<div
121
+
{...props}
122
+
sx={{
123
+
width: [null, null, '25%'],
124
+
}}
125
+
/>
126
+
)
127
+
```
128
+
111
129
## Margin and Padding
112
130
113
131
Margin and padding are treated as first-class citizens in Theme UI,
0 commit comments