Skip to content

[Tokens] - shadows updates #1612

@vladko-uxds

Description

@vladko-uxds

Description

Shadow values for float panels

Design

--shadow-fixed-left

  • Light box-shadow: 2px 0px 16px 0px hsla(240, 10%, 8%, 0.2);
  • Dark box-shadow: 2px 0px 16px 1px hsla(0, 0%, 0%, 0.5);box-shadow: 0px 0px 2px 1px hsla(0, 0%, 0%, 0.15);

--shadow-fixed-right

  • Light box-shadow: -2px 0px 16px 0px hsla(240, 10%, 8%, 0.18);
  • Dark box-shadow: -2px 0px 16px 1px hsla(0, 0%, 0%, 0.5);box-shadow: 0px 0px 2px 1px hsla(0, 0%, 0%, 0.15);

--shadow-fixed-top

  • Light box-shadow: 0px 2px 16px 0px hsla(240, 10%, 8%, 0.18);
  • Dark box-shadow: 0px 2px 16px 1px hsla(0, 0%, 0%, 0.5);box-shadow: 0px 0px 2px 1px hsla(0, 0%, 0%, 0.15);

--shadow-fixed-bottom

  • Light box-shadow: 0px -2px 16px 0px hsla(240, 10%, 8%, 0.18);
  • Dark box-shadow: 0px -2px 16px 1px hsla(0, 0%, 0%, 0.5);box-shadow: 0px 0px 2px 1px hsla(0, 0%, 0%, 0.15);

Metadata

Metadata

Assignees

Labels

featureNew feature or request

Type

Projects

Status

In Review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions