demarches-normaliennes/app/assets/stylesheets/message.scss

@import "colors";
@import "constants";

[data-fr-theme="dark"]
  .message {
    background: rgb(74, 74, 125);

    &.inverted-background {
      background: rgb(74, 74, 125);
    }
}

.message {
  display: flex;
  align-items: flex-start;
  margin-bottom: $default-padding;
  padding: $default-padding;
  background: $light-grey;
  border-radius: 3px;

  &.inverted-background {
    background: $light-grey;
  }

  .person-icon {
    margin-right: $default-spacer;
  }

  h2 {
    margin-bottom: $default-spacer;
  }

  .mail {
    font-weight: bold;
  }

  .date {
    float: right;
  }

  .message-answer-button {
    margin-left: auto;
  }
}