perspective/perspective

View on GitHub
lib/client/login/login.less

Summary

Maintainability
Test Coverage
.login-container {
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0 10%;
}

.login-user {
  display: inline-block;
  margin-left: 20px;
}

.login-user-image {
  border: 2px solid #ccc;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  background: #ccc;
  background-size: 100% auto;
}

.login-user-image-preview {
  margin: 10px 0;
}

.login-user-name {
  display: block;
  color: #ccc;
}

.login-user:hover {
  cursor: pointer;

  .login-user-name {
    color: #000;
  }
}

.user-registration {
  width: 280px;
  margin: 20px auto;
  text-align: center;
  display: block;
}