{
    "componentChunkName": "component---content-foundations-css-utilities-box-shadow-mdx",
    "path": "/foundations/css-utilities/box-shadow",
    "result": {"pageContext":{"editUrl":"https://github.com/primer/design/edit/main/content/foundations/css-utilities/box-shadow.mdx","contributors":[{"login":"colebemis","latestCommit":{"date":"2023-02-23T20:25:19Z","url":"https://github.com/primer/design/commit/a56d97c6207164d318b4abcea504624844e25871"}},{"login":"simurai","latestCommit":{"date":"2023-02-01T01:28:29Z","url":"https://github.com/primer/design/commit/5010ff7963eba65ce6d529108d66551f992a4aa7"}}],"tableOfContents":{"items":[{"url":"#small","title":"Small"},{"url":"#medium","title":"Medium"},{"url":"#large","title":"Large"},{"url":"#extra-large","title":"Extra large"},{"url":"#remove-a-box-shadow","title":"Remove a box shadow"}]},"frontmatter":{"title":"Box shadow","description":"Box shadows are used to make content appear elevated. They are typically applied to containers of content that users need to pay attention to or content that appears on top of (overlapping) other elements on the page (like a pop-over or modal)."}}},
    "staticQueryHashes": ["1056354862","2102389209","2745756513","2790671566","2939673985","3235046957","3907230164"]}