// Form elements specific styles

form {
  input[type="checkbox"] {
    width: auto;
    margin: 0 @spacing-base;
  }

  input[disabled],
  select[disabled],
  textarea[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    background: lighten(@color-border, 25%);
  }
}

.editor {
  min-height: 100px;
  border: @input-border;
  border-radius: @input-border-radius;
  padding: @spacing-base;

  .editor-content {
    min-height: 80px;
  }
}