app/assets/stylesheets/include/login.scss
body {
background-color: rgba(0, 0, 0, 0.75);
}
.login-flash {
@include make-xs-column(12);
@include make-sm-column(6);
@include make-sm-column-offset(3);
padding: 10px;
}
.login-wrapper {
@include make-row();
.footer {
z-index: 1;
}
}
.login-box {
@include make-xs-column(12);
@include make-sm-column(6);
@include make-sm-column-offset(3);
margin: 2em auto 1em;
background-color: $brand-primary;
padding: 0 0 1em 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.3);
color: #eaeaea;
a {
color: #eaeaea;
text-decoration: underline;
}
.signup-prompt {
text-align: right;
}
}
@media(min-width: $screen-sm-min) {
.login-box {
border-radius: 5px;
}
}
.icon-box {
padding: 1em 0;
}
.login-form, .signup-form {
@include make-xs-column(12);
@include make-sm-column(8);
@include make-sm-column-offset(2)
}
.label-element-combo {
@extend .form-group;
}