login.scss

@import 'modules/theme';
@import 'partials/fonts';
@import 'partials/basic';
@import 'partials/button';
@import 'partials/modal';
@import 'partials/shape';

.loginbody {
  display: block;
  position: relative;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  background-color: $mainColor;
  background-image: $adminBackground;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

input[type='text'],
input[type='password'] {
  color: $fontColor;
  background: $boxColor;
  border: 1px solid $borderColor;
  border-radius: 4px;
  width: 100%;
  padding: 0 10px;
}

.login-panel {
  color: $fontColor;
  width: calc(31.25 * 1em);
  padding: 30px 30px 90px;
  height: auto;
  margin: 50px auto;
  background: $panelColor;
  position: relative;
  max-width: 100%;
}

.password-toggle {
  float: right;
  margin-left: -25px;
  margin-top: 5px;
  position: relative;
  z-index: 2;
}

.back-to-admin {
  position: absolute;
  top: 50px;
  right: 30px;
  left: auto;
  width: auto;
  bottom: auto;
  padding: 5px 10px;
}