@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
38 lines (33 loc) • 774 B
CSS
.gform-admin {
.gform-card {
aspect-ratio: 1/1;
border-radius: 0.1875rem;
box-shadow: var(--gform-admin-box-shadow-midnight);
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
transition: box-shadow 0.2s ease;
width: 100%;
&,
* {
box-sizing: border-box;
}
}
.gform-card__top-container {
border-start-end-radius: 0.1875rem;
border-start-start-radius: 0.1875rem;
flex: 1;
position: relative;
}
.gform-card__bottom-container {
background-color: var(--gform-admin-color-white);
border-block-start: 1px solid var(--gform-admin-color-white-lilac);
border-end-end-radius: 0.1875rem;
border-end-start-radius: 0.1875rem;
padding: 1.25rem;
position: relative;
width: 100%;
z-index: 1;
}
}