{"componentChunkName":"component---content-overriding-styles-mdx","path":"/overriding-styles","result":{"pageContext":{"editUrl":"https://github.com/primer/react/edit/main/docs/content/overriding-styles.mdx","contributors":[],"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":["1067287797","2468112454","2884143864","3907230164"]}