@maykinmedia/design-tokens
Version:
Design tokens for Maykin theme
78 lines (76 loc) • 4.14 kB
JavaScript
/**
* Do not edit directly, this file was auto-generated.
*/
export const maykinColorPrimary = "#341a90";
export const maykinColorSecondary = "#00bfcb";
export const maykinColorSecondaryDarken = "#038496";
export const maykinColorOpengemBlue = "#04a5bb";
export const maykinColorOpengemOrange = "#e67f00";
export const maykinInputsBorderRadius = "4px";
export const maykinInputsBorderWidth = "1px";
export const utrechtFocusOutlineColor = "revert";
export const utrechtFocusOutlineOffset = "revert";
export const utrechtFocusOutlineStyle = "revert";
export const utrechtFocusOutlineWidth = "revert";
export const utrechtTypographySansSerifFontFamily =
"titillium,Helvetica,Arial,sans-serif";
export const utrechtButtonBorderRadius = "4px";
export const utrechtButtonPrimaryActionBackgroundColor = "#00bfcb";
export const utrechtButtonPrimaryActionHoverBackgroundColor = "#038496";
export const utrechtButtonPrimaryActionFocusBackgroundColor = "#00bfcb";
export const utrechtCheckboxBorderColor = "#ced4da";
export const utrechtCheckboxBorderRadius = "4px";
export const utrechtCheckboxBorderWidth = "1px";
export const utrechtCheckboxCheckedBackgroundColor = "#00bfcb";
export const utrechtCheckboxCheckedBorderColor = "#ced4da";
export const utrechtCheckboxFocusBorderWidth = "1px";
export const utrechtCheckboxHoverBorderWidth = "2px";
export const utrechtDocumentFontFamily = "titillium,Helvetica,Arial,sans-serif";
export const utrechtFormLabelColor = "#212529";
export const utrechtFormLabelFontWeight = 400;
export const utrechtHeading1Color = "#37373c";
export const utrechtHeading1FontSize = "2.75rem";
export const utrechtHeading1FontWeight = 700;
export const utrechtHeading2Color = "#37373c";
export const utrechtHeading2FontSize = "1.25rem";
export const utrechtHeading2FontWeight = 500;
export const utrechtLinkColor = "#37373c";
export const utrechtLinkTextDecoration = "none";
export const utrechtLinkFocusColor = "#37373c";
export const utrechtLinkHoverColor = "#04a5bb";
export const utrechtLinkHoverTextDecoration = "underline";
export const utrechtLinkHoverTextDecorationThickness = "0.67px";
export const utrechtNavListLinkFontWeight = 700;
export const utrechtPageFooterBackgroundColor = "#051f31";
export const utrechtPaginationPageLinkBorderColor = "transparent";
export const utrechtPaginationPageLinkBorderRadius = "4px";
export const utrechtPaginationPageLinkColor = "#00bfcb";
export const utrechtPaginationPageLinkCurrentBackgroundColor = "#00bfcb";
export const utrechtPaginationPageLinkCurrentBorderColor = "transparent";
export const utrechtPaginationPageLinkHoverBackgroundColor = "#038496";
export const utrechtPaginationPageLinkHoverBorderColor = "transparent";
export const utrechtPaginationRelativeLinkColor = "#341a90";
export const utrechtPaginationRelativeLinkBorderColor = "transparent";
export const utrechtPaginationRelativeLinkBorderRadius = "4px";
export const utrechtPaginationRelativeLinkBorderWidth = "2px";
export const utrechtPaginationRelativeLinkHoverBackgroundColor = "#341a90";
export const utrechtPaginationRelativeLinkHoverColor = "white";
export const utrechtPaginationRelativeLinkHoverBorderColor = "transparent";
export const utrechtSelectBorderRadius = "4px";
export const utrechtSelectBorderBlockEndWidth = "inherit";
export const utrechtSelectBorderColor = "#ced4da";
export const utrechtSelectBorderWidth = "1px";
export const utrechtSelectPaddingBlockStart = "10px";
export const utrechtSelectPaddingBlockEnd = "10px";
export const utrechtSelectPaddingInlineStart = "12px";
export const utrechtSelectPaddingInlineEnd = "12px";
export const utrechtTextboxBorderRadius = "4px";
export const utrechtTextboxBorderBottomWidth = "inherit";
export const utrechtTextboxBorderColor = "#ced4da";
export const utrechtTextboxBorderWidth = "1px";
export const utrechtTextboxPaddingBlockStart = "10px";
export const utrechtTextboxPaddingBlockEnd = "10px";
export const utrechtTextboxPaddingInlineStart = "12px";
export const utrechtTextboxPaddingInlineEnd = "12px";
export const gppWooSearchFieldColumnGap = "10px";
export const gppWooSearchResultListHeading3MarginBlockEnd = ".25rem";