UNPKG

@zohodesk/components

Version:

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

www.npmjs.com/search

36 lines • 3.94 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='pureDark'][data-theme='green'] { /* CTA variables */ --zdt_cta_primary_text: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_hover_text: hsla(133, 40.00%, calc(54.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_bg: hsla(133, 40.00%, calc(45.10% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_hover_bg: hsla(128, 79.71%, calc(27.06% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_border: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_hover_border: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_box_shadow: rgba(38, 169, 66, 0.2); --zdt_cta_primary_hover_box_shadow: rgba(14, 117, 38, 0.25); --zdt_cta_primary_light_bg: hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_primary_light_hover_bg: hsla(158, 26.83%, calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_primary_light_border: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_secondary_bg: hsla(133, 40.00%, calc(45.10% + 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(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low))); --zdt_cta_secondary_light_border: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_secondary_light_bg: hsla(133, 23.48%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_alpha_text: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_hover_text: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_border: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_hover_border: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_bg: hsla(170, 22.94%, calc(21.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_beta_border: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_10_bg: hsla(0, 0.00%, calc(14.90% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_10_border: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_15_bg: hsla(0, 2.33%, calc(8.43% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_15_border: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_20_bg: hsla(217, 22.81%, calc(11.18% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_35_bg: hsla(0, 0.00%, calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_35_text: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_35_border: hsla(0, 0.00%, calc(21.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_40_bg: hsla(0, 0.00%, calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_40_text: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_40_border: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); }