sanity/src/core/comments/components/reactions/TransparentCard.styled.ts

Sanity is a real-time content infrastructure with a scalable, hosted backend featuring a Graph Oriented Query Language (GROQ), asset pipelines and fast edge caches

import {Card} from '@sanity/ui'
import {styled} from 'styled-components'

/**
 * Returns a styled `<Card>` without a background.
 * This is a temporary workaround to force nested Sanity UI components to adhere to a specific tone (and bypass color mixing).
 *
 * TODO: consider exposing an unstable prop in Sanity UI to facilitate this.
 */
export const TransparentCard = styled(Card)`
  background: none;
`