@import 'ui-variables';

/*
 * Use element + class selectors, as opposed to just the class selector, to match the specificity of
 * `atom-text-editor[mini]`.
 */
atom-text-editor[mini].atom-text-editor-sm {
  font-size: 0.9em;
  line-height: 2em;
}

/*
 * When wrapping <atom-input> elements in .row/.col, their margin-bottom no longer collapses with
 * the margin-bottom of .block. Ensure the margin is set to 0 so margins don't stack.
 */
atom-panel.modal .atom-text-editor-unstyled[mini] {
  margin: 0;
}

/*
 * Use element + class selectors to have greater specificity than
 * atom-text-editor[mini].is-focused
 */
atom-text-editor[mini].atom-text-editor-invalid.atom-text-editor-invalid {
  border-color: @background-color-error;
  box-shadow: none;
  color: @text-color-error;
}