@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
81 lines (66 loc) • 1.96 kB
CSS
.gform-admin .gform-meta-box {
background: #fff;
border: 1px solid #e4e9eb;
border-radius: 3px;
box-shadow: 0 2px 2px rgba(58, 58, 87, 0.0596411);
}
.gform-admin .gform-meta-box__header {
border-bottom: 1px solid #e4e9eb;
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 #e4e9eb;
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__toggle-icon {
color: #5b5e80;
font-size: 1rem;
inset-block-start: 50%;
inset-inline-end: 1.5rem;
padding: 0;
position: absolute;
transform: translateY(-50%) rotate(180deg);
}
.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;
}
.gform-admin .gform-meta-box--is-collapsed .gform-meta-box__toggle-icon {
transform: translateY(-50%) rotate(0deg);
}
.gform-admin .gform-meta-box--style-compact {
box-shadow: none;
}
.gform-admin .gform-meta-box--style-compact .gform-meta-box__header {
background: #fdfdff;
padding-block: 0.75rem;
padding-inline: 1rem;
}
.gform-admin .gform-meta-box--style-compact .gform-meta-box__content {
padding-block: 0.75rem;
padding-inline: 1rem;
}
.gform-admin .gform-meta-box--style-compact.gform-meta-box--is-collapsible .gform-meta-box__header {
padding-block: 0;
padding-inline: 0;
}
.gform-admin .gform-meta-box--style-compact.gform-meta-box--is-collapsible .gform-meta-box__toggle {
padding-block: 0.75rem;
padding-inline: 1rem;
}
/*# sourceMappingURL=meta-box.css.map */