@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
36 lines (31 loc) • 880 B
CSS
.gform-admin .gform-card {
aspect-ratio: 1/1;
border-radius: 0.1875rem;
box-shadow: 0 0 0 rgba(18, 25, 97, 0.05), 0 2px 5px rgba(18, 25, 97, 0.1), 0 1px 1px rgba(18, 25, 97, 0.15);
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
transition: box-shadow 0.2s ease;
width: 100%;
}
.gform-admin .gform-card, .gform-admin .gform-card * {
box-sizing: border-box;
}
.gform-admin .gform-card__top-container {
border-start-end-radius: 0.1875rem;
border-start-start-radius: 0.1875rem;
flex: 1;
position: relative;
}
.gform-admin .gform-card__bottom-container {
background-color: #fff;
border-block-start: 1px solid #ecedf8;
border-end-end-radius: 0.1875rem;
border-end-start-radius: 0.1875rem;
padding: 1.25rem;
position: relative;
width: 100%;
z-index: 1;
}
/*# sourceMappingURL=card.css.map */