{
    "componentChunkName": "component---content-foundations-css-utilities-padding-mdx",
    "path": "/foundations/css-utilities/padding",
    "result": {"pageContext":{"editUrl":"https://github.com/primer/design/edit/main/content/foundations/css-utilities/padding.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-01T03:31:22Z","url":"https://github.com/primer/design/commit/614009a69c8246b2d98c74339e5a54b4f3be447c"}}],"tableOfContents":{"items":[{"url":"#shorthand","title":"Shorthand"},{"url":"#uniform-padding","title":"Uniform padding"},{"url":"#directional-padding","title":"Directional padding"},{"url":"#extended-directional-padding","title":"Extended directional padding"},{"url":"#responsive-padding","title":"Responsive padding"},{"url":"#responsive-container-padding","title":"Responsive container padding"}]},"frontmatter":{"title":"Padding","description":"Padding utilities are based on a global spacing scale which helps keep horizontal and vertical spacing consistent. These utilities help us reduce the amount of custom CSS that could share the same properties, and allows to achieve many different page layouts using the same styles."}}},
    "staticQueryHashes": ["2468112454","2745756513","2790671566","3907230164"]}