UNPKG

iztech-design-system-neo

Version:

Design System of project IZtech

vueds.com

viljamis/vue-design-system

71 lines • 2.3 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
{ "color_warning": "rgb(255, 196, 16)", "color_black": "rgb(121, 121, 121)", "color_light_grey": "rgb(242, 240, 241)", "color_primary": "rgb(0, 132, 255)", "color_success": "rgb(75, 202, 129)", "color_green": "rgb(75, 202, 129)", "color_dark_grey": "rgb(210, 211, 219)", "color_error": "rgb(236, 32, 49)", "color_white": "rgb(255, 255, 255)", "color_yellow": "rgb(255, 196, 16)", "color_dark_black": "rgb(62, 62, 60)", "color_lightest_grey": "rgb(243, 245, 247)", "color_red": "rgb(236, 32, 49)", "color_blue": "rgb(0, 132, 255)", "color_disabled": "rgb(210, 211, 219)", "color_light_black": "rgb(156, 156, 156)", "color_grey": "rgb(230, 228, 235)", "color_danger": "rgb(236, 32, 49)", "size_xxl": "36px", "size_xxxxl": "64px", "size_l": "18px", "size_m": "16px", "size_xxxl": "48px", "size_xl": "24px", "size_xxs": "8px", "size_s": "14px", "size_xs": "12px", "font_heading": "'Roboto', Helvetica, Arial, sans-serif", "font_text": "'Roboto', Helvetica, Arial, sans-serif", "weight_bold": "700", "weight_semi_bold": "500", "weight_normal": "400", "weight_light": "300", "opacity_disabled": "0.5", "section_max_width": "1120px", "section_full_screen_max_width": "1920px", "duration_quickly": "0.08s", "duration_slowly": "0.5s", "z_index_modal": "9999", "z_index_sticky": "100", "media_query_xl": "(min-width: 1440px)", "media_query_md": "(min-width: 992px)", "media_query_sm": "(min-width: 768px)", "media_query_lg": "(min-width: 1200px)", "media_query_xs": "(min-width: 600px)", "media_query_under_md": "(max-width: 991px)", "media_query_under_sm": "(max-width: 767px)", "media_query_under_xs": "(max-width: 599px)", "media_query_under_lg": "(min-width: 1199px)", "media_query_under_xxs": "(max-width: 360px)", "media_query_xxl": "(min-width: 1600px)", "shadow_s": "0px 4px 8px rgba(9, 30, 66, 0.25)", "spacing_xl": "2px", "spacing_l": "1px", "spacing_m": "0", "spacing_s": "-0.5px", "spacing_xs": "-1px", "radius_default": "8px", "radius_circle": "50%", "space_xxl": "64px", "space_xl": "36px", "space_l": "24px", "space_m": "16px", "space_s": "12px", "space_xs": "8px", "space_xxs": "4px", "line_height_m": "1.6", "line_height_s": "1.3", "line_height_xs": "1.1" }