UNPKG

@zohodesk/components

Version:

In this Package, we Provide Some Basic Components to Build Web App

www.npmjs.com/search

36 lines • 4.02 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
[data-mode='light'][data-theme='blue'], :global(.zd-blueLightTheme) [data-theme="blue"] { /* CTA variables */ --zdt_cta_primary_text: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_hover_text: hsla(213, 100.00%, calc(36.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_bg: hsla(212, 91.84%, calc(48.04% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_hover_bg: hsla(213, 100.00%, calc(36.08% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_hover_border: hsla(213, 100.00%, calc(36.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_box_shadow: rgba(10, 115, 235, 0.2); --zdt_cta_primary_hover_box_shadow: rgba(0, 83, 184, 0.25); --zdt_cta_primary_light_bg: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_primary_light_hover_bg: hsla(212, 80.95%, calc(95.88% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_primary_light_border: hsla(208, 85.19%, calc(73.53% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_secondary_bg: hsla(212, 91.84%, calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_secondary_border: hsla(213, 94.26%, calc(59.02% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_secondary_light_border: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_secondary_light_bg: hsla(213, 65.52%, calc(82.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_alpha_text: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_hover_text: hsla(213, 100.00%, calc(36.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_hover_border: hsla(213, 100.00%, calc(36.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_bg: hsla(213, 84.62%, calc(94.90% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_beta_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_10_bg: hsla(216, 38.46%, calc(97.45% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_10_border: hsla(216, 38.46%, calc(97.45% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_15_bg: hsla(210, 33.33%, calc(94.12% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_15_border: hsla(210, 33.33%, calc(94.12% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_20_bg: hsla(217, 37.14%, calc(93.14% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_35_bg: hsla(213, 27.27%, calc(87.06% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_35_text: hsla(213, 27.27%, calc(87.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_35_border: hsla(213, 27.27%, calc(87.06% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_40_bg: hsla(231, 22.22%, calc(82.35% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_40_text: hsla(231, 22.22%, calc(82.35% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_40_border: hsla(231, 22.22%, calc(82.35% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); }