vault/ui/app/styles/utils/_box-shadow_variables.scss
Vault Automation 0c6c13dd38
license: update headers to IBM Corp. (#10229) (#10233)
* license: update headers to IBM Corp.
* `make proto`
* update offset because source file changed

Signed-off-by: Ryan Cragun <me@ryan.ec>
Co-authored-by: Ryan Cragun <me@ryan.ec>
2025-10-21 15:20:20 -06:00

33 lines
1.0 KiB
SCSS

/**
* Copyright IBM Corp. 2016, 2025
* SPDX-License-Identifier: BUSL-1.1
*/
// TODO: lots of inconsistent variation on box-shadow usage. Fix.
// box
$box-shadow: 0 0 0 1px rgba(hsl(0, 0%, 4%), 0.1);
$box-shadow-low:
0 5px 1px -2px rgba(hsl(0, 0%, 4%), 0.12),
0 3px 2px -1px rgba(hsl(0, 0%, 4%), 0);
$box-shadow-middle:
0 8px 4px -4px rgba(hsl(0, 0%, 4%), 0.1),
0 6px 8px -2px rgba(hsl(0, 0%, 4%), 0.05);
$box-shadow-high:
0 12px 5px -7px rgba(hsl(0, 0%, 4%), 0.08),
0 11px 10px -3px rgba(hsl(0, 0%, 4%), 0.1);
$box-shadow-highest:
0 16px 6px -10px rgba(hsl(0, 0%, 4%), 0.06),
0 16px 16px -4px rgba(hsl(0, 0%, 4%), 0.2);
// box-link
$box-link-shadow: 0 0 0 1px var(--token-color-palette-neutral-200);
$box-link-hover-shadow: 0 0 0 1px var(--token-color-palette-neutral-300);
// border
$base-border: 1px solid var(--token-color-palette-neutral-300);
$light-border: 1px solid var(--token-color-palette-neutral-200);
// button specific
$button-box-shadow-standard: 0 3px 1px 0 rgba(hsl(0, 0%, 4%), 0.12);