Takumon/mean-blog

View on GitHub
src/app/drafts/draft-detail/draft-detail.component.scss

Summary

Maintainability
Test Coverage
.draft-detail {
  background: white;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);


  &__operation {
    display: flex;
    padding: 24px;

    &__spacer {
      flex: 1 1 auto;
    }
  }

  &__header {
    padding: 24px;
    padding-top: 36px;
    background: #ececec;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
  }

  &__title {
    font-size: 2em;
    color: #4051b4;
    font-weight: 400;
    padding: 0;
  }


  &__main {
    padding: 24px;
    -webkit-font-smoothing: antialiased;
  }
}

.plain-text-body {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #24292e;
  margin: 0;
}