@import "variables";

.github-CommitView {
  padding: @component-padding;
  border-top: 1px solid @base-border-color;
  flex: 0 0 auto;

  &-editor {
    height: 100px;
    border: 1px solid @input-border-color;
    border-radius: @component-border-radius;
    overflow: auto;
    padding: @component-padding / 2;
    background-color: @syntax-background-color;

    atom-text-editor {
      height: 100%;
      font-size: @font-size;
      .cursor-line {
        background-color: transparent;
      }
    }
  }

  &-bar {
    display: flex;
    align-items: center;
    margin-top: @component-padding;
  }

  &-label {
    margin-right: @component-padding;
  }

  &-button {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    &.is-secondary {
      flex: 0 1 auto;
      margin-right: @component-padding;
    }
  }

  &-remaining-characters {
    width: 1.25em;
    text-align: right;
    margin-left: @component-padding;
    color: @text-color-subtle;

    &.is-warning { color: @text-color-warning; }
    &.is-error   { color: @text-color-error; }
  }
}

@import "variables";

.github-CommitView {
  padding: @component-padding;
  border-top: 1px solid @base-border-color;
  flex: 0 0 auto;

  &-editor atom-text-editor {
    height: 100px;
    font-size: @font-size;
    border: 1px solid @input-border-color;
    border-radius: @component-border-radius;
    padding: @component-padding / 2;
    background-color: @syntax-background-color;
    .cursor-line.cursor-line.cursor-line {
      background-color: transparent;
    }
  }

  &-bar {
    display: flex;
    align-items: center;
    margin-top: @component-padding;
  }

  &-label {
    margin-right: @component-padding;
  }

  &-button {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    &.is-secondary {
      flex: 0 1 auto;
      margin-right: @component-padding;
    }
  }

  &-remaining-characters {
    width: 1.25em;
    text-align: right;
    margin-left: @component-padding;
    color: @text-color-subtle;

    &.is-warning { color: @text-color-warning; }
    &.is-error   { color: @text-color-error; }
  }
}

Move CommitView-editor styles to atom-text-editor
Move CommitView-editor styles to atom-text-editor

So that themes can use the .is-focus selector
