@zohodesk/components
Version:
In this Package, we Provide Some Basic Components to Build Web App
36 lines • 3.97 kB
CSS
[data-mode='light'][data-theme='green'] {
/* CTA variables */
--zdt_cta_primary_text: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_hover_text: hsla(134, 78.63%, calc(25.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_bg: hsla(133, 63.29%, calc(40.59% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_hover_bg: hsla(134, 78.63%, calc(25.69% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_border: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_hover_border: hsla(134, 78.63%, calc(25.69% + 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(143, 44.44%, calc(96.47% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_primary_light_hover_bg: hsla(132, 43.33%, calc(88.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_primary_light_border: hsla(132, 43.33%, calc(88.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_secondary_bg: hsla(133, 63.29%, calc(40.59% + 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(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_secondary_light_border: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_secondary_light_bg: hsla(132, 42.86%, calc(82.16% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_alpha_text: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_alpha_hover_text: hsla(134, 78.63%, calc(25.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_alpha_border: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_alpha_hover_border: hsla(134, 78.63%, calc(25.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_alpha_bg: hsla(132, 43.33%, calc(88.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_beta_border: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_grey_10_bg: hsla(165, 28.57%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_10_border: hsla(165, 28.57%, calc(97.25% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_grey_15_bg: hsla(135, 13.33%, calc(94.12% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_15_border: hsla(135, 13.33%, calc(94.12% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_grey_20_bg: hsla(180, 11.11%, calc(92.94% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_35_bg: hsla(140, 15.79%, calc(85.10% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_35_text: hsla(140, 15.79%, calc(85.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_35_border: hsla(140, 15.79%, calc(85.10% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_grey_40_bg: hsla(135, 7.41%, calc(78.82% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_40_text: hsla(135, 7.41%, calc(78.82% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_40_border: hsla(135, 7.41%, calc(78.82% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
}