{
  "sass-vars": [
    {
      "name": "hero-body-padding",
      "value": "3rem 1.5rem",
      "css-var": "hero-body-padding"
    },
    {
      "name": "hero-body-padding-tablet",
      "value": "3rem 3rem",
      "css-var": "hero-body-padding-tablet"
    },
    {
      "name": "hero-body-padding-small",
      "value": "1.5rem",
      "css-var": "hero-body-padding-small"
    },
    {
      "name": "hero-body-padding-medium",
      "value": "9rem 4.5rem",
      "css-var": "hero-body-padding-medium"
    },
    {
      "name": "hero-body-padding-large",
      "value": "18rem 6rem",
      "css-var": "hero-body-padding-large"
    },
    {
      "name": "hero-gradient-h-offset",
      "value": "5deg",
      "css-var": "hero-gradient-h-offset"
    },
    {
      "name": "hero-gradient-s-offset",
      "value": "10%",
      "css-var": "hero-gradient-s-offset"
    },
    {
      "name": "hero-gradient-l-offset",
      "value": "5%",
      "css-var": "hero-gradient-l-offset:"
    }
  ],
  "css-vars": [
    {
      "name": "hero-body-padding",
      "value": "3rem 1.5rem"
    },
    {
      "name": "hero-body-padding-tablet",
      "value": "3rem 3rem"
    },
    {
      "name": "hero-body-padding-small",
      "value": "1.5rem"
    },
    {
      "name": "hero-body-padding-medium",
      "value": "9rem 4.5rem"
    },
    {
      "name": "hero-body-padding-large",
      "value": "18rem 6rem"
    }
  ]
}