department-of-veterans-affairs/vets-website

View on GitHub
src/platform/forms/sass/_m-form-confirmation.scss

Summary

Maintainability
Test Coverage
.confirmation-page-title {
  &:focus {
    outline: none;
  }
}

.confirmation-page-inset-title {
  margin-top: 0;
}

.inset {
  margin: 1.25rem 0rem;
  padding: 1.25rem 1.875rem;
  line-height: 1.375rem;
  background-color: var(--vads-color-inset-bg);
  &.secondary {
    background-color: var(--vads-color-gray-light-alt);
  }
  &.expandable {
    .form-expanding-group,
    .form-expanding-group-open {
      padding-left: 0;
      border-left: 0;
    }
    .clickable {
      cursor: pointer;
    }
  }
}

.additional {
  font-weight: normal;
}

ul.claim-list{
  list-style: none;
  padding-left: 0;
  li {
    margin-bottom: 0.625rem;
  }
}

// ---- Additional print rules ---- //

@media print {
  // The + for on the confirmation page
  // Will have to change when #4953 gets merged
  .form-expanding-group-plus::after {
    display: none;
  }
  .form-expanding-group {
    margin-left: 0px;
  }

  .form-progress-buttons {
    display: none;
  }

  .schemaform-title {
    margin-bottom: 0.625rem;
    justify-content: center;
  }

  .confirmation-page-title {
    text-align: center;
  }

  .inset {
    margin: 0.625rem 0rem;
    padding: 0px;
  }
}