/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
.html-field {

  &.selectable {
    // The whole html-field must be selectable, otherwise focusUtils.js would bail out
    // if a user starts a selection on the padding of the .html-field element and
    // not exactly on the .field child element.
    #scout.user-select(text);
  }

  & > .field {
    margin-left: @mandatory-indicator-width;

    &[placeholder].empty::before {
      #scout.fake-placeholder();
    }

    &[placeholder].disabled.empty::before {
      #scout.placeholder-disabled();
    }

    &:focus {
      outline: none;
    }
  }
}