aswi2021codebakers-gitlab/src/assets/scss/_popup-form.scss @ 9d5c8063
1 |
.popup-form { |
---|---|
2 |
|
3 |
h3 { |
4 |
margin-top: $grid-gutter-width / 2; |
5 |
text-align: center; |
6 |
font-size: 24px; |
7 |
}
|
8 |
|
9 |
hr { |
10 |
background: #F2F2F2; |
11 |
}
|
12 |
|
13 |
.p-dialog { |
14 |
.p-dialog-header, .p-dialog-content, .p-dialog-footer { |
15 |
background: $primary; |
16 |
}
|
17 |
|
18 |
.p-dialog-header { |
19 |
justify-content: center; |
20 |
border-color: #F2F2F2; |
21 |
}
|
22 |
|
23 |
.p-dialog-title { |
24 |
color: #F2F2F2; |
25 |
font-size: 28px; |
26 |
}
|
27 |
|
28 |
.p-dialog-footer { |
29 |
border-color: #F2F2F2; |
30 |
}
|
31 |
}
|
32 |
|
33 |
.form-control, select { |
34 |
border-color: #F2F2F2; |
35 |
background-color: #F2F2F2; |
36 |
}
|
37 |
|
38 |
.input-group-prepend span { |
39 |
padding-right: 18px; |
40 |
padding-left: 18px; |
41 |
border-color: $terciary; |
42 |
color: #F2F2F2; |
43 |
background: $terciary; |
44 |
}
|
45 |
|
46 |
.p-button { |
47 |
border-color: #F2F2F2; |
48 |
background: $terciary; |
49 |
|
50 |
@include hover-focus() { |
51 |
color: $terciary; |
52 |
border-color: #F2F2F2; |
53 |
background: #F2F2F2; |
54 |
}
|
55 |
}
|
56 |
|
57 |
.popup-sensors-wrapper { |
58 |
justify-content: center; |
59 |
}
|
60 |
|
61 |
.popup-sensor { |
62 |
margin: 0 10px; |
63 |
}
|
64 |
|
65 |
.popup-buttons-wrapper { |
66 |
display: flex; |
67 |
justify-content: space-between; |
68 |
}
|
69 |
}
|