@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
104 lines (78 loc) • 2.27 kB
CSS
.gform-admin .gform-grid--container {
display: flex;
}
.gform-admin .gform-grid--wrap {
flex-wrap: wrap;
}
.gform-admin .gform-grid--list {
list-style: none;
margin: 0;
padding: 0;
}
.gform-admin .gform-grid--fixed > .gform-grid--item {
flex: none;
}
.gform-admin .gform-grid--fluid > .gform-grid--item {
flex: 1;
}
.gform-admin .gform-grid--col-spacing-2 {
margin-inline: calc((0.5rem / 2) * -1);
}
.gform-admin .gform-grid--col-spacing-2 > .gform-grid--item {
padding-inline: calc(0.5rem / 2);
}
.gform-admin .gform-grid--col-spacing-3 {
margin-inline: calc((0.75rem / 2) * -1);
}
.gform-admin .gform-grid--col-spacing-3 > .gform-grid--item {
padding-inline: calc(0.75rem / 2);
}
.gform-admin .gform-grid--col-spacing-4 {
margin-inline: calc((1rem / 2) * -1);
}
.gform-admin .gform-grid--col-spacing-4 > .gform-grid--item {
padding-inline: calc(1rem / 2);
}
.gform-admin .gform-grid--col-spacing-5 {
margin-inline: calc((1.25rem / 2) * -1);
}
.gform-admin .gform-grid--col-spacing-5 > .gform-grid--item {
padding-inline: calc(1.25rem / 2);
}
.gform-admin .gform-grid--col-spacing-6 {
margin-inline: calc((1.5rem / 2) * -1);
}
.gform-admin .gform-grid--col-spacing-6 > .gform-grid--item {
padding-inline: calc(1.5rem / 2);
}
.gform-admin .gform-grid--col-spacing-8 {
margin-inline: calc((2rem / 2) * -1);
}
.gform-admin .gform-grid--col-spacing-8 > .gform-grid--item {
padding-inline: calc(2rem / 2);
}
.gform-admin .gform-grid--row-spacing-2 {
margin-block-end: calc(0.5rem * -1);
}
.gform-admin .gform-grid--row-spacing-2 > .gform-grid--item {
margin-block-end: 0.5rem;
}
.gform-admin .gform-grid--row-spacing-4 {
margin-block-end: calc(1rem * -1);
}
.gform-admin .gform-grid--row-spacing-4 > .gform-grid--item {
margin-block-end: 1rem;
}
.gform-admin .gform-grid--row-spacing-6 {
margin-block-end: calc(1.5rem * -1);
}
.gform-admin .gform-grid--row-spacing-6 > .gform-grid--item {
margin-block-end: 1.5rem;
}
.gform-admin .gform-grid--row-spacing-8 {
margin-block-end: calc(2rem * -1);
}
.gform-admin .gform-grid--row-spacing-8 > .gform-grid--item {
margin-block-end: 2rem;
}
/*# sourceMappingURL=grid.css.map */