michaelchadwick/ember-remember-stuff

View on GitHub
packages/frontend/app/styles/components/new-message-input.scss

Summary

Maintainability
Test Coverage
form#new-message-input {
  display: grid;
  grid-template-columns: 1fr 6em;
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 0;
  grid-column: span 2;

  & > label {
    grid-area: 1 / 1 / 2 / 2;
  }

  & > input {
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-right: none;
    font-size: 1em;
    grid-area: 2 / 1 / 3 / 2;
  }

  & > button {
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border: 1px solid #ccc;
    grid-area: 2 / 2 / 3 / 3;
  }
}