view client/src/assets/login.scss @ 34:1e279abd8e06

Made login button smaller Login button has now 20px line height to harmonize layout.
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 26 Jun 2018 14:18:05 +0200
parents ae6535d44563
children
line wrap: on
line source

@import "../assets/application.scss";
$logincollapsed: 470px;
$loginextended: 550px;

.emailgroup {
  box-shadow: $basic-shadow-light !important;
}
.forgottenlink {
  text-align: right;
  margin-top: $small-offset;
  margin-bottom: $small-offset;
}
#inputPassword {
  border-right: none;
}
.input-group-text {
  background-color: white !important;
}

.login {
  width: 375px;
  @extend %fully-centered;
  padding-top: $offset;
  padding-bottom: $offset;
  box-shadow: $basic-shadow;
}
.logincollapsed {
  height: $logincollapsed;
}

.loginextended {
  height: $loginextended;
}
.loginerror {
  white-space: pre;
}
.loginerrormessage {
  box-shadow: $basic-shadow-light !important;
}
.loginform {
  width: 300px;
}
.logogroup {
  margin-top: $offset;
  margin-bottom: $offset;
}
.mail-icon {
  width: $iconwidth;
}
.passwordgroup {
  box-shadow: $basic-shadow-light !important;
}
.password-icon {
  position: relative;
  top: 10px;
  font-size: $iconsize;
  line-height: $iconLineHeight;
  width: $iconwidth;
}
.submitbutton {
  box-shadow: $basic-shadow-light !important;
  line-height: 20px !important;
}
.title {
  margin-left: $offset;
}