_collapse_box.scss 1019 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .collapse-box {
  2. margin-bottom: $spacer;
  3. &--error {
  4. .collapse-box__header {
  5. border-color: $collapse-box-body-error-border;
  6. }
  7. .collapse-box__body {
  8. border-color: $collapse-box-body-error-border;
  9. }
  10. }
  11. }
  12. .collapse-box__header {
  13. display: flex;
  14. flex-direction: row;
  15. padding: $input-padding-y $input-padding-x;
  16. margin-right: $gf-form-margin;
  17. background-color: $input-label-bg;
  18. font-size: $font-size-sm;
  19. margin-right: $gf-form-margin;
  20. border: $input-btn-border-width solid $collapse-box-body-border;
  21. @include border-radius($label-border-radius-sm);
  22. }
  23. .collapse-box__header-title {
  24. flex-grow: 1;
  25. }
  26. .collapse-box__body {
  27. padding: $input-padding-y*2 $input-padding-x;
  28. display: block;
  29. margin-right: $gf-form-margin;
  30. border: $input-btn-border-width solid $collapse-box-body-border;
  31. border-top: none;
  32. @include border-radius($label-border-radius-sm);
  33. }
  34. .collapse-box__header-actions {
  35. display: flex;
  36. flex-direction: row;
  37. a {
  38. margin-left: $spacer;
  39. }
  40. }