Shadow Component

Intended audience: ADMINISTRATORS DEVELOPERS

AO Platform: 3.5

Overview

This topic describes the style configurations for Shadow Component.

Variable Names

--vux-shadow-500

CSS Variable Name	--vux-shadow-500
Light
Dark

Description

Used for QnA on hover vux-app shadow

Examples

--vux-shadow-300

CSS Variable Name	--vux-shadow-300
Light
Dark

Description

Used for QnA vux-app shadow

Examples

--vux-shadow-popup

CSS Variable Name	--vux-shadow-popup
Light
Dark

Description

Used for QnA vux-app dropdown menu shadow

Examples

--vux-bg-inverse-shadow-clr

CSS Variable Name	--vux-bg-inverse-shadow-clr
Light
Dark

Description

Used for shadow color

Examples

1. .webix_menu shadow color
   

   

--vux-toggle-pressed-shadow-clr

CSS Variable Name	--vux-toggle-pressed-shadow-clr
Light
Dark

Description

Used for toggle button pressed shadow color, which include opacity.

Examples

Contact App Orchid | Disclaimer