{
    "componentChunkName": "component---content-guides-react-overriding-styles-mdx",
    "path": "/guides/react/overriding-styles",
    "result": {"pageContext":{"editUrl":"https://github.com/primer/design/edit/main/content/guides/react/overriding-styles.mdx","contributors":[{"login":"camertron","latestCommit":{"date":"2024-01-16T19:02:37Z","url":"https://github.com/primer/design/commit/4519696453e7f207087a99eb0eb95b956902bd49"}}],"tableOfContents":{"items":[{"url":"#when-to-use-the-sx-prop","title":"When to use the sx prop"},{"url":"#basic-example","title":"Basic example"},{"url":"#responsive-values","title":"Responsive values"},{"url":"#nesting-pseudo-classes-and-pseudo-elements","title":"Nesting, pseudo-classes, and pseudo-elements"},{"url":"#value-reference","title":"Value reference"}]},"frontmatter":{"title":"Overriding styles with the sx prop"}}},
    "staticQueryHashes": ["1056354862","2102389209","2745756513","2790671566","2939673985","3235046957","3907230164"]}