Changeset View
Changeset View
Standalone View
Standalone View
landing/competitor-feature-card.css
- This file was added.
.container { | |||||
max-width: 432px; | |||||
background-color: var(--comparison-cards); | |||||
padding: 32px; | |||||
border-radius: 16px; | |||||
} | |||||
.container:hover { | |||||
cursor: pointer; | |||||
background-color: var(--comparison-cards-hovered); | |||||
} | |||||
.headingContainer { | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
margin-bottom: 16px; | |||||
} | |||||
.headingText { | |||||
color: var(--white-100); | |||||
} | |||||
.comingSoonBadge { | |||||
background-color: #ebebeb14; | |||||
ginsu: Saw @atul do this in D7764 with the hr border-top style, so I think having this should be fine… | |||||
padding: 5px 10px; | |||||
border-radius: 16px; | |||||
} | |||||
.comingSoonText { | |||||
color: var(--white-100); | |||||
margin-left: 8px; | |||||
} | |||||
.compeitorLogo { | |||||
atulUnsubmitted Not Done Inline Actionstypo here atul: typo here | |||||
width: 32px; | |||||
height: 32px; | |||||
margin-bottom: 8px; | |||||
} | |||||
hr { | |||||
margin: 24px 0; | |||||
border-radius: 8px; | |||||
height: 1.5px; | |||||
background-color: var(--black-80); | |||||
border: none; | |||||
} | |||||
.descriptionText { | |||||
color: var(--white-80); | |||||
height: 80px; | |||||
} | |||||
.readMoreText { | |||||
color: var(--violet-dark-100); | |||||
margin-top: 16px; | |||||
} |
Saw @atul do this in D7764 with the hr border-top style, so I think having this should be fine too