// Hide during loading.
simple-crud,
[is="simple-crud"] { visibility: hidden; }

%simple-crud-view {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: $simple-crud-min-height;
  padding-right: $simple-crud-padding-x;
  padding-left: $simple-crud-padding-x;
  background-color: $body-bg-shade;

  .content { flex: 1 1 auto; }
  .actions { flex: 0 1 auto; }
}

.simple-crud-list {
  @include reset-list;
}

.simple-crud-item {
  margin-bottom: $simple-crud-margin-bottom;

  .read,
  .update,
  .delete {
    @extend %simple-crud-view;
  }
}