.action-row {
  @extend .d-flex;
  @extend .p-2;
  @extend .mt-5;

  // background-color: map-get($theme-colors, "primary");
  background-color: var(--bs-tertiary-bg);

  * {
    @extend .me-2;
    @extend .my-auto;
  }
}

// // Fix trix dark mode
// .trix-button-row {
//   .trix-button-group {
//       border: var(--bs-border-width) solid var(--bs-border-color);

//       .trix-button {
//           border: 0;
//       }
//   }
// }

// [data-bs-theme=dark] {
//   .trix-button-row {
//       .trix-button-group {
//           .trix-button {
//               background-color: transparent;
//               filter: invert(100%);
//           }
//       }
//   }
// }
// // end fix trix dark mode

// .trix-content pre {
//   background-color: var(--bs-secondary-bg);
//   color: var(--bs-secondary-color);
//   border: var(--bs-border-width) solid var(--bs-border-color);
//   border-radius: var(--bs-border-radius);
//   padding: var(--bs-padding);
// }

.hover-row:hover {
  background-color: var(--bs-tertiary-bg);
}

.comment {
  @extend .alert;
  @extend .alert-warning;

  border: 0;
  border-left: 4px solid var(--bs-warning);
}

.navbar-brand {
  color: $pink;
}

.form-label {
  font-size: 1.3rem;
}

.highlight-when-nonempty:not([value=""]) {
  @extend .border-primary
}