Skip to content

Incorrect violation for card shadow #38

@adarsh-ramakrishna-sfdc

Description

I got this violation error:
Items:

  1. Style: .section-card {box-shadow : var(--sds-c-card-shadow, var(--lwc-cardShadow, 0 2px 2px 0 rgba(0, 0, 0, 0.1)))}

Violation List:
1.1) Instead of using static value for box-shadow: var(--sds-c-card-shadow, var(--lwc-cardShadow, 0 2px 2px 0 rgba(0, 0, 0, 0.1))), consider leveraging one of the following design token:

  • var(--lwc-spacingNone, 0)

1.2) Instead of using static value for box-shadow: var(--sds-c-card-shadow, var(--lwc-cardShadow, 0 2px 2px 0 rgba(0, 0, 0, 0.1))), consider leveraging one of the following design token:

  • var(--lwc-borderWidthThick, 2px)
  • var(--lwc-spacingXxxSmall, 0.125rem)
  • var(--lwc-varSpacingXxxSmall, 0.125rem)

However, I see the same in slds card documentation in this link :
https://www.lightningdesignsystem.com/components/cards/

Box Shadow --sds-c-card-shadow--sds-c-card-shadow String 0 2px 2px 0 rgba(0, 0, 0, 0.1)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions