juice-shop

1
/*!
2
 * Copyright (c) 2014-2024 Bjoern Kimminich & the OWASP Juice Shop contributors.
3
 * SPDX-License-Identifier: MIT
4
 */
5

6
$break-line: #c0c0c0;
7

8
mat-card {
9
  height: auto;
10
  min-width: 320px;
11
  width: 25%;
12
}
13

14
.form-container {
15
  display: flex;
16
  flex-direction: column;
17
  position: relative;
18

19
}
20

21
.forgot-pw {
22
  font-size: 11px;
23
  margin-top: -15px;
24
}
25

26
mat-checkbox {
27
  margin-bottom: 20px;
28
  margin-left: 20%;
29
  margin-top: 5px;
30
}
31

32
mat-form-field {
33
  padding-top: 10px;
34
}
35

36
mat-form-field:nth-child(2) {
37
  padding-bottom: 20px;
38
}
39

40
#loginButton,
41
#loginButtonGoogle {
42
  margin-left: 20%;
43
  margin-top: 30px;
44
  width: 60%;
45

46
}
47

48
.breakLine {
49
  display: table;
50
}
51

52
.breakLine > div {
53
  display: table-cell;
54
  white-space: nowrap;
55
}
56

57
.line > div {
58
  border-bottom: 1px solid $break-line;
59
  height: 1px;
60
}
61

62
.textOnLine {
63
  padding: 0 5px;
64
}
65

66
.line {
67
  vertical-align: middle;
68
  width: 50%;
69
}
70

71
#newCustomerLink {
72
  align-self: center;
73
  font-size: 12px;
74
  margin-top: 40px;
75
}
76

77
:host ::ng-deep .mat-form-field-suffix {
78
  margin-bottom: auto !important;
79
  margin-top: auto !important;
80
}
81

82
:host ::ng-deep .mat-icon-button {
83
  height: 40px !important;
84
  width: 24px !important;
85
}
86