package.dist.esm.c_back_to_top.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of react-tokens Show documentation
This library provides access to the design tokens of PatternFly 4 from JavaScript
There is a newer version: 6.0.0
export const c_back_to_top = {
  ".pf-v5-c-back-to-top": {
    "c_back_to_top_Right": {
      "name": "--pf-v5-c-back-to-top--Right",
      "value": "3rem",
      "values": [
        "--pf-v5-global--spacer--2xl",
        "$pf-v5-global--spacer--2xl",
        "pf-size-prem(48px)",
        "3rem"
      ]
    },
    "c_back_to_top_Bottom": {
      "name": "--pf-v5-c-back-to-top--Bottom",
      "value": "1.5rem",
      "values": [
        "--pf-v5-global--spacer--lg",
        "$pf-v5-global--spacer--lg",
        "pf-size-prem(24px)",
        "1.5rem"
      ]
    },
    "c_back_to_top_md_Bottom": {
      "name": "--pf-v5-c-back-to-top--md--Bottom",
      "value": "3rem",
      "values": [
        "--pf-v5-global--spacer--2xl",
        "$pf-v5-global--spacer--2xl",
        "pf-size-prem(48px)",
        "3rem"
      ]
    },
    "c_back_to_top_c_button_FontSize": {
      "name": "--pf-v5-c-back-to-top--c-button--FontSize",
      "value": "0.75rem",
      "values": [
        "--pf-v5-global--FontSize--xs",
        "$pf-v5-global--FontSize--xs",
        "pf-font-prem(12px)",
        "0.75rem"
      ]
    },
    "c_back_to_top_c_button_BorderRadius": {
      "name": "--pf-v5-c-back-to-top--c-button--BorderRadius",
      "value": "30em",
      "values": [
        "--pf-v5-global--BorderRadius--lg",
        "$pf-v5-global--BorderRadius--lg",
        "30em"
      ]
    },
    "c_back_to_top_c_button_PaddingTop": {
      "name": "--pf-v5-c-back-to-top--c-button--PaddingTop",
      "value": "0.25rem",
      "values": [
        "--pf-v5-global--spacer--xs",
        "$pf-v5-global--spacer--xs",
        "pf-size-prem(4px)",
        "0.25rem"
      ]
    },
    "c_back_to_top_c_button_PaddingRight": {
      "name": "--pf-v5-c-back-to-top--c-button--PaddingRight",
      "value": "0.5rem",
      "values": [
        "--pf-v5-global--spacer--sm",
        "$pf-v5-global--spacer--sm",
        "pf-size-prem(8px)",
        "0.5rem"
      ]
    },
    "c_back_to_top_c_button_PaddingBottom": {
      "name": "--pf-v5-c-back-to-top--c-button--PaddingBottom",
      "value": "0.25rem",
      "values": [
        "--pf-v5-global--spacer--xs",
        "$pf-v5-global--spacer--xs",
        "pf-size-prem(4px)",
        "0.25rem"
      ]
    },
    "c_back_to_top_c_button_PaddingLeft": {
      "name": "--pf-v5-c-back-to-top--c-button--PaddingLeft",
      "value": "0.5rem",
      "values": [
        "--pf-v5-global--spacer--sm",
        "$pf-v5-global--spacer--sm",
        "pf-size-prem(8px)",
        "0.5rem"
      ]
    },
    "c_back_to_top_c_button_BoxShadow": {
      "name": "--pf-v5-c-back-to-top--c-button--BoxShadow",
      "value": "0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
      "values": [
        "--pf-v5-global--BoxShadow--lg-bottom",
        "$pf-v5-global--BoxShadow--lg-bottom",
        "0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
        "0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
        "0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
      ]
    }
  },
  ".pf-v5-c-back-to-top .pf-v5-c-button": {
    "c_button_FontSize": {
      "name": "--pf-v5-c-button--FontSize",
      "value": "0.75rem",
      "values": [
        "--pf-v5-c-back-to-top--c-button--FontSize",
        "--pf-v5-global--FontSize--xs",
        "$pf-v5-global--FontSize--xs",
        "pf-font-prem(12px)",
        "0.75rem"
      ]
    },
    "c_button_BorderRadius": {
      "name": "--pf-v5-c-button--BorderRadius",
      "value": "30em",
      "values": [
        "--pf-v5-c-back-to-top--c-button--BorderRadius",
        "--pf-v5-global--BorderRadius--lg",
        "$pf-v5-global--BorderRadius--lg",
        "30em"
      ]
    },
    "c_button_PaddingTop": {
      "name": "--pf-v5-c-button--PaddingTop",
      "value": "0.25rem",
      "values": [
        "--pf-v5-c-back-to-top--c-button--PaddingTop",
        "--pf-v5-global--spacer--xs",
        "$pf-v5-global--spacer--xs",
        "pf-size-prem(4px)",
        "0.25rem"
      ]
    },
    "c_button_PaddingRight": {
      "name": "--pf-v5-c-button--PaddingRight",
      "value": "0.5rem",
      "values": [
        "--pf-v5-c-back-to-top--c-button--PaddingRight",
        "--pf-v5-global--spacer--sm",
        "$pf-v5-global--spacer--sm",
        "pf-size-prem(8px)",
        "0.5rem"
      ]
    },
    "c_button_PaddingBottom": {
      "name": "--pf-v5-c-button--PaddingBottom",
      "value": "0.25rem",
      "values": [
        "--pf-v5-c-back-to-top--c-button--PaddingBottom",
        "--pf-v5-global--spacer--xs",
        "$pf-v5-global--spacer--xs",
        "pf-size-prem(4px)",
        "0.25rem"
      ]
    },
    "c_button_PaddingLeft": {
      "name": "--pf-v5-c-button--PaddingLeft",
      "value": "0.5rem",
      "values": [
        "--pf-v5-c-back-to-top--c-button--PaddingLeft",
        "--pf-v5-global--spacer--sm",
        "$pf-v5-global--spacer--sm",
        "pf-size-prem(8px)",
        "0.5rem"
      ]
    }
  }
};
export default c_back_to_top;