/**
 * Copyright (c) 2015 Bosch Software Innovations GmbH and others.
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 */
// scss-lint:disable ImportantRule, PropertySortOrder

@mixin login {
  .login-button {
    border-color: $white-hex-color;
    height: 38px;
  }

  .login-textfield {
    height: 38px;
    color: #474747 !important;
  }

  //Load indicator color-progress bar
  .v-loading-indicator {
    background-color: $load-indicator-color;
  }

  //Login page styles
  .login-panel {
    padding: 0;
    min-width: $v-font-size * 13;
    max-width: 90%;
    @include animation(valo-animate-in-slide-up 1000ms 10ms backwards, valo-animate-in-fade 800ms 100ms backwards);
    border: 0;
    background: transparent;

    > .v-spacing {
      height: round($v-unit-size / 2);
    }

    .v-slot-links {
      text-align: center;

      .v-button {
        color: $hawkbit-primary-color;
        background: none;
        height: 1.2em;
        border: 0;
        box-shadow: none;
        font-weight: 300;
        font-size: 100%;
        padding-right: 20px;
      }

      .v-button:hover {
        color: $hawkbit-primary-color-light;
      }

      .v-pressed:after {
        background: transparent;
        border: transparent;
        box-shadow: none;
      }
    }

    .fields .v-icon {
      opacity: .3;
    }

    .v-textfield-uppercase {
      text-transform: uppercase;
    }

    @include width-range($min: 0, $max: $v-unit-size * 14) {
      .labels .h3 {
        float: none;
        display: block;
        margin-top: .2em;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .fields {
        display: block;

        .v-slot {
          display: block;

          .v-widget {
            width: 100%;
          }
        }
      }
    }
  }
}
