@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
48 lines (40 loc) • 1.15 kB
CSS
.gform-admin {
/* ----------------------------------------------------------------------
* INTEGRATION CARD
* ---------------------------------------------------------------------- */
.gform-card--integration {
aspect-ratio: auto;
border: 1px solid var(--gform-admin-color-metal-gray);
box-shadow: var(--gform-admin-box-shadow-outline-light);
min-inline-size: 275px;
&.gform-card--disabled {
opacity: 0.5;
&::after {
block-size: 100%;
content: "";
inline-size: 100%;
inset-block-start: 0;
inset-inline-start: 0;
position: absolute;
z-index: 5;
}
}
.gform-card__top-container {
background: var(--gform-admin-color-white);
padding-block: var(--gform-admin-spacer-6) var(--gform-admin-spacer-5);
padding-inline: var(--gform-admin-spacer-6);
}
.gform-card__bottom-container {
padding-block: var(--gform-admin-spacer-4);
padding-inline: var(--gform-admin-spacer-6);
}
.gform-card__top-container-description {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
}
}