@open-formulieren/design-tokens/src/community/utrecht/page-footer.tokens.json

Design tokens for Open Forms

{
  "utrecht": {
    "page-footer": {
      "$extensions": {
        "dte.metadata": {
          "groupDescription": "Default Open Forms footer styling."
        }
      },

      "color": {"value": "{of.color.bg}"},
      "background-color": {"value": "{of.color.primary}"},
      "background-image": {},
      "padding-inline-end": {"value": "20px"},
      "padding-inline-start": {"value": "20px"},
      "padding-block-end": {"value": "20px"},
      "padding-block-start": {"value": "20px"}
    }
  },
  "of": {
    "utrecht-page-footer": {
      "$extensions": {
        "dte.metadata": {
          "groupDescription": "Open Forms' extensions on the utrecht-page-footer, for responsive styling."
        }
      },

      "max-inline-size": {"value": "100%"},

      "mobile": {
        "padding-block-end": {"value": "10px"},
        "padding-block-start": {"value": "10px"},
        "padding-inline-end": {"value": "15px"},
        "padding-inline-start": {"value": "15px"}
      },
      "tablet": {
        "padding-block-end": {"value": "10px"},
        "padding-block-start": {"value": "10px"},
        "padding-inline-end": {"value": "15px"},
        "padding-inline-start": {"value": "15px"}
      },
      "laptop": {
        "padding-block-end": {"value": "20px"},
        "padding-block-start": {"value": "20px"},
        "padding-inline-end": {"value": "20px"},
        "padding-inline-start": {"value": "20px"}
      },
      "desktop": {
        "padding-block-end": {"value": "20px"},
        "padding-block-start": {"value": "20px"},
        "padding-inline-end": {"value": "20px"},
        "padding-inline-start": {"value": "20px"},
        "max-inline-size": {"value": "1200px"}
      }
    }
  }
}