@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
30 lines (28 loc) • 1.25 kB
YAML
# Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
# Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
global:
type: box-shadow
category: shadow
cssProperties:
- box-shadow
deprecated: true
imports:
- ../../../aliases/offset.yml
- ../../../aliases/color-palettes.yml
props:
SHADOW_HARD_PRIMARY:
value: '{!BLACK_TRANSPARENT_10} 0 2px 0'
comment: Hard dropshadow found on general UI elements such as containers
SHADOW_SOFT_PRIMARY:
value: '{!BLACK_TRANSPARENT_10} 0 2px 2px'
comment: Soft dropshadow found on general UI elements such as containers
SHADOW_SOFT_PRIMARY_HOVER:
value: '{!BLACK_TRANSPARENT_20} 0 3px 6px'
SHADOW_SOFT_PRIMARY_ACTIVE:
value: '{!BLACK_TRANSPARENT_20} 0 1px 1px'
SHADOW_BUTTON_FOCUS_INVERSE:
value: '{!OFFSET_NONE} {!OFFSET_NONE} {!OFFSET_SMALL}px {!PALETTE_NEUTRAL_95}'
comment: Custom glow for focus states on UI elements with explicit containers on dark or vibrantly colored backgrounds.
SHADOW_LINK_FOCUS_INVERSE:
value: '{!OFFSET_NONE} {!OFFSET_NONE} {!OFFSET_SMALL}px {!PALETTE_NEUTRAL_95}'
comment: Custom glow for focus states on UI link elements with explicit containers on dark or vibrantly colored backgrounds.