@pega/dx-component-builder-sdk

Version:

Utility for building custom UI components

35 lines (28 loc) • 660 B

CSS

.psdk-default-form-one-column {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(1rem);
}

.psdk-default-form-two-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(1rem);
}

.psdk-default-form-three-column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(1rem);
}

.psdk-default-form-three-column .grid-column {
  grid-column: 1 / span 3;
}

.psdk-default-form-two-column .grid-column {
  grid-column: 1 / span 2;
}

.psdk-default-form-one-column .grid-column {
  grid-column: 1;
}

.psdk-default-form-instruction-text {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}