UNPKG

@zohodesk/components

Version:

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

www.npmjs.com/search

36 lines • 4.03 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='dark'][data-theme='blue'], :global(.zd-blueDarkTheme) [data-theme="blue"] { /* CTA variables */ --zdt_cta_primary_text: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_hover_text: hsla(212, 100.00%, calc(71.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_bg: hsla(212, 100.00%, calc(63.92% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_hover_bg: hsla(213, 85.45%, calc(43.14% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_primary_hover_border: hsla(213, 85.45%, calc(43.14% + 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(213, 27.27%, calc(23.73% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_primary_light_hover_bg: hsla(217, 23.23%, calc(19.41% + 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, 100.00%, calc(63.92% + 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(213, 25.88%, calc(33.33% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_secondary_light_bg: hsla(213, 25.88%, calc(33.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_alpha_text: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_hover_text: hsla(212, 100.00%, calc(71.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_hover_border: hsla(213, 85.45%, calc(43.14% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_alpha_bg: hsla(215, 28.16%, calc(20.20% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_beta_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_10_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_10_border: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_15_bg: hsla(218, 23.08%, calc(22.94% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_15_border: hsla(218, 23.08%, calc(22.94% + 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(223, 21.68%, calc(28.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_35_text: hsla(223, 21.68%, calc(28.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_35_border: hsla(223, 21.68%, calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_cta_grey_40_bg: hsla(216, 22.98%, calc(31.57% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_40_text: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_cta_grey_40_border: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); }