public/app/assets/stylesheets/archivesspace/bootstrap-overrides.scss
// Overrides after upgrading Bootstrap from v3 to v4

.card {
  border: var(--default-border);
}

.accordion > .card:first-of-type:last-of-type {
  border-bottom: var(--default-border);
  border-radius: 4px;
}

/* Bootstrap v4 removed .btn-default but they were not removed or patched in
   ArchivesSpace. frontend/ used vanilla .btn-default, but not public. Most of
   the public .btn-defaults underwent adjustments, but not all. So here is
   backwards compatibility with Bootstrap v3 .btn-default, but with a name change
   so as to not override the majority of custom .btn-defaults. */
.btn--default {
  color: $body-color;
  background-color: var(--white);
  border-color: $border;
}

.btn--default:hover {
  color: $body-color;
  background-color: $gray-200;
}

.btn--default:focus,
.btn--default.focus {
  border-color: $primary-color;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 111, 155, 0.25);
}

.btn--default.disabled,
.btn--default:disabled {
  color: $body-color;
  background-color: var(--light);
}

.btn-primary {
  background-color: $primary-color;
  border-color: $primary-color;
}

.page-link {
  color: $primary-color;
}

.page-item.active .page-link {
  background-color: $primary-color;
  border-color: $primary-color;
}

// Bootstrap v4 moved <blockquote> support to .blockquote
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.4286;
  color: #777;
}

blockquote footer::before,
blockquote small::before,
blockquote .small::before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer::before,
.blockquote-reverse small::before,
.blockquote-reverse .small::before,
blockquote.pull-right footer::before,
blockquote.pull-right small::before,
blockquote.pull-right .small::before {
  content: '';
}

.blockquote-reverse footer::after,
.blockquote-reverse small::after,
.blockquote-reverse .small::after,
blockquote.pull-right footer::after,
blockquote.pull-right small::after,
blockquote.pull-right .small::after {
  content: '\00A0 \2014';
}
