UNPKG

@vcl/vcl

Version:

The whole VCL in one package

86 lines (66 loc) • 1.8 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
# [VCL](https://vcl.github.io/vcl/) theme The VCL default theme for the core modules collection. ## Features Definition of the theme terms which consist of: - colors. - font faces. These definitions are typically obtained from the color palette of a web site design or directly from the corporate identity or brand design stipulations of a corporation or a specific project. Based on these terms all ~650 variables required by the modules included in the official VCL module collection. ## Variables These term variables form the interface of this module. ### Grays - `$gray-dark-4` - `$gray-dark-3` - `$gray-dark-2` - `$gray-dark-1` - `$gray` - `$gray-light-1` - `$gray-light-2` - `$gray-light-3` - `$gray-light-4` - `$gray-light-5` - `$gray-light-6` ### Brand Accent Colors - `$brand-accent-darker` - `$brand-accent-dark` - `$brand-accent` - `$brand-accent-light` - `$brand-accent-lighter` ### Semantic Colors - `$emphasized-dark-color` - `$emphasized-medium-color` - `$emphasized-light-color` - `$primary-dark-color` - `$primary-medium-color` - `$primary-light-color` - `$success-dark-color` - `$success-medium-color` - `$success-light-color` - `$info-light-color` - `$info-medium-color` - `$info-dark-color` - `$warning-dark-color` - `$warning-medium-color` - `$warning-light-color` - `$error-dark-color` - `$error-medium-color` - `$error-light-color` - `$danger-dark-color` - `$danger-medium-color` - `$danger-light-color` ### Shadows, transparencies etc. - `$glass-1` - `$glass-2` ### Shared Variables These variables are shared within the theme: - `$block-elem-vertical-gap` - `$form-control-vertical-gap` - `$input-elem-height` - `$text-primary-color` - `$text-secondary-color` - `$content-primary-bg-color` - `$content-secondary-bg-color` - `$content-ternary-bg-color`