Contents

@import "../helpers/index.scss";
@import "../dependency/bootstrap/scss/bootstrap";

@function size($size) {
  @return map-get($font-size, $size);
}

@function weight($weight) {
  @return map-get($font-weight, $weight);
}

.form-page {
  background-color: $white;
  &__header {
    @extend .position-sticky, .top-0, .bg-white;
    z-index: 5;
  }
  &__body {
    padding: 24px;
  }
  .form-container {
    margin-bottom: 24px;
    .form-title {
      @extend .h6, .fw-semibold;
      color: $primary-text-clr;
    }
    &__inner {
      @extend .card, .p-4;
      background-color: var(--bs-gray-100);
    }
  }
}

//form field styles
.form-field {
  @extend .mb-4;
}

.field-label {
  @extend .form-label;
}

.field-control {
  @extend .form-control;
}

//upload attachment style
.destroy-attachment {
  margin-top: 4px;
}

//Form card UI
.form-card {
  @extend .card, .mt-3;
  background-color: var(--bs-gray-100);
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
  .card-title-wrapper {
    @extend .d-flex, .align-items-center, .mb-3;
    &:hover {
      div:last-of-type {
        visibility: visible;
      }
    }
  }
  .card-title {
    font-size: $t4-text;
    color: var(--bs-tertiary-color);
    margin: 0;
  }
  .card-delete {
    visibility: hidden;
  }
}

//Nested form table styles
.nested-form-table-wrapper {
  overflow-y: scroll;
  .nested-form-table {
    @extend .table, .table-light, .table-hover, .table-bordered, .m-0;
    width: max-content;
    .item-delete-cell {
      vertical-align: middle;
      text-align: center;
    }
  }
}

.nested-table-footer {
  padding: 8px;
  border: 1px solid var(--bs-border-color);
  border-top: 0;
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
cm-admin-1.3.0	app/assets/stylesheets/cm_admin/base/form.scss
cm-admin-1.2.9	app/assets/stylesheets/cm_admin/base/form.scss
cm-admin-1.2.8	app/assets/stylesheets/cm_admin/base/form.scss