@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
56 lines (46 loc) • 1.33 kB
CSS
.gform-admin .gform-meta-box {
background: #fff;
border: 1px solid #d4d4e4;
border-radius: 3px;
box-shadow: 0 2px 2px rgba(58, 58, 87, 0.0596411);
}
.gform-admin .gform-meta-box__header {
border-bottom: 1px solid #e4e4ee;
padding-block: 1.25rem;
padding-inline: 1.5rem;
}
.gform-admin .gform-meta-box__content {
padding: 1.5rem;
}
.gform-admin .gform-meta-box__footer {
border-top: 1px solid #e4e4ee;
padding: 1rem;
}
.gform-admin .gform-meta-box--is-collapsible .gform-meta-box__header {
padding-block: 0;
padding-inline: 0;
}
.gform-admin .gform-meta-box--is-collapsible .gform-meta-box__header .gform-meta-box__toggle-icon {
color: #5b5e80;
font-size: 1rem;
inset-block-start: 1.5rem;
inset-inline-end: 1.5rem;
padding: 0;
position: absolute;
transform: rotate(180deg);
}
.gform-admin .gform-meta-box--is-collapsible.gform-meta-box--is-collapsed .gform-meta-box__toggle-icon {
transform: rotate(0deg);
}
.gform-admin .gform-meta-box--is-collapsible .gform-meta-box__toggle {
display: flex;
height: auto;
padding-block: 1.25rem;
padding-inline: 1.5rem;
position: relative;
width: 100%;
}
.gform-admin .gform-meta-box--is-collapsed .gform-meta-box__header {
border-bottom: 0;
}
/*# sourceMappingURL=meta-box.css.map */