@geoblink/design-system
Version:
Geoblink Design System for Vue.js
107 lines • 3.73 kB
JSON
{
"color_red_dark": "#e54f47",
"color_black": "#000000",
"color_green_readable_border": "#B7DFBC",
"color_green_notification": "#53C798",
"color_dark_overlay": "rgba(0, 0, 0, .8)",
"color_yellow_highlight": "yellow",
"color_yellow_dark": "#d59d00",
"color_green_readable_background": "#EBF6ED",
"color_yellow_light": "#FFDB7C",
"color_grey_darker": "#4A4A4A",
"color_green": "#3FAD4D",
"color_white_dark": "#F4F4F4",
"color_yellow_readable_border": "#FFDB7C",
"color_white": "#FFFFFF",
"color_red_darker": "#99352f",
"color_blue_light": "#6FA1D4",
"color_green_dark": "#369342",
"color_white_disabled": "rgba(210, 210, 210, .4)",
"color_yellow_readable_background": "#FFF6DE",
"color_yellow": "#EFAE00",
"color_red_readable_border": "#FFBCB8",
"color_blue_readable_border": "#BCD3E5",
"color_yellow_darker": "#896400",
"color_grey_light": "#9B9B9B",
"color_dark": "#17293D",
"color_red_readable_background": "#FFE6E5",
"color_blue_readable_background": "#E7EFF6",
"color_red": "#FF594F",
"color_white_darker": "#EBEBEB",
"color_link": "#4A90E2",
"color_blue": "#1464A5",
"color_grey_backdrop": "rgba(74, 74, 74, .4)",
"color_grey_dark": "#4F4F4F",
"color_grey": "#D8D8D8",
"color_green_darker": "#1a4720",
"color_green_light": "#7ED321",
"color_blue_dark": "#17293D",
"font_family_heading": "'Montserrat', Times New Roman, serif",
"font_family_text": "'Lato', Helvetica, sans-serif",
"font_size_xlarge": "28px",
"font_size_large": "24px",
"font_size_medium": "18px",
"font_size_regular": "14px",
"font_size_small": "12px",
"font_size_xsmall": "10px",
"font_size_xxsmall": "8px",
"font_weight_bold": "700",
"font_weight_semi_bold": "600",
"font_weight_medium": "500",
"font_weight_regular": "400",
"font_weight_light": "300",
"table_value": "table_value",
"body": "body",
"heading": "heading",
"table_title": "table_title",
"body_small": "body_small",
"heading_small": "heading_small",
"display_small": "display_small",
"label_optional": "label_optional",
"heading_xsmall": "heading_xsmall",
"body_xsmall": "body_xsmall",
"display_medium": "display_medium",
"highlight": "highlight",
"label": "label",
"label_big": "label_big",
"heading_light": "heading_light",
"highlight_small": "highlight_small",
"display_large": "display_large",
"opacity_disabled": "0.5",
"height_footer": "64px",
"tappable_square": "44px",
"size_medium": "18px",
"duration_quickly": "0.08s",
"duration_noticeable": "0.2s",
"duration_slowly": "0.5s",
"easing_base": "ease-in-out",
"z_index_modal": "9999",
"z_index_over_modal": "10000",
"z_index_tooltip": "10001",
"z_index_sticky": "100",
"media_query_medium": "(min-width: 768px)",
"media_query_large": "(min-width: 1024px)",
"box_shadow_small": "0 2px 5px -3px rgba(0, 0, 0, 0.5)",
"box_shadow_small_inset": "inset 0 2px 5px 0 rgba(0, 0, 0, 0.3)",
"box_shadow_regular": "0 14px 24px -12px rgba(0, 0, 0, 0.2)",
"box_shadow_focus": "0 0 0 2px rgba(#1464A5, 0.3)",
"box_shadow_focus_success": "0 0 0 2px rgba(#3FAD4D, 0.3)",
"box_shadow_focus_error": "0 0 0 2px rgba(#FF594F, 0.3)",
"box_shadow_button_hover": "0 2px 10px 0 rgba(0, 0, 0, 0.3)",
"letter_spacing_x_large": "2px",
"letter_spacing_large": "1px",
"letter_spacing_base": "0",
"letter_spacing_small": "-0.5px",
"letter_spacing_x_small": "-1px",
"border_radius_default": "3px",
"border_radius_circle": "50%",
"space_xx_large": "50px",
"space_x_large": "40px",
"space_large": "30px",
"space_base": "20px",
"space_small": "10px",
"space_x_small": "5px",
"line_height_base": "1.5",
"line_height_small": "1.3",
"line_height_heading": "1"
}