allaw-ui 5.3.4 → 5.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
@import "../../../styles/colors.css";
|
|
2
2
|
|
|
3
3
|
.section {
|
|
4
|
-
background: var(--primary-blanc, #
|
|
4
|
+
background: var(--primary-blanc, #fff);
|
|
5
5
|
border-radius: 16px;
|
|
6
|
-
border: 1px solid var(--primary-gris-de-fond, #
|
|
6
|
+
border: 1px solid var(--primary-gris-de-fond, #e6edf5);
|
|
7
7
|
overflow: hidden;
|
|
8
8
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
9
|
-
font-family: var(
|
|
9
|
+
font-family: var(
|
|
10
|
+
--font-open-sans,
|
|
11
|
+
"Open Sans",
|
|
12
|
+
"Helvetica Neue",
|
|
13
|
+
Arial,
|
|
14
|
+
sans-serif
|
|
15
|
+
);
|
|
10
16
|
}
|
|
11
17
|
|
|
12
18
|
.section-header {
|
|
@@ -14,7 +20,8 @@
|
|
|
14
20
|
align-items: center;
|
|
15
21
|
justify-content: space-between;
|
|
16
22
|
padding: 24px;
|
|
17
|
-
|
|
23
|
+
gap: 8px;
|
|
24
|
+
border-bottom: 1px solid var(--primary-gris-de-fond, #e6edf5);
|
|
18
25
|
}
|
|
19
26
|
|
|
20
27
|
.section-header-left {
|
|
@@ -28,7 +35,11 @@
|
|
|
28
35
|
.section-icon {
|
|
29
36
|
width: 40px;
|
|
30
37
|
height: 40px;
|
|
31
|
-
background: linear-gradient(
|
|
38
|
+
background: linear-gradient(
|
|
39
|
+
135deg,
|
|
40
|
+
rgba(37, 190, 235, 0.1) 0%,
|
|
41
|
+
rgba(25, 133, 168, 0.15) 100%
|
|
42
|
+
);
|
|
32
43
|
border-radius: 10px;
|
|
33
44
|
display: flex;
|
|
34
45
|
align-items: center;
|
|
@@ -39,14 +50,14 @@
|
|
|
39
50
|
|
|
40
51
|
.section-icon i {
|
|
41
52
|
font-size: 18px;
|
|
42
|
-
color: var(--primary-blue, #
|
|
53
|
+
color: var(--primary-blue, #25beeb);
|
|
43
54
|
}
|
|
44
55
|
|
|
45
56
|
.section-icon svg,
|
|
46
57
|
.section-icon img {
|
|
47
58
|
width: 18px;
|
|
48
59
|
height: 18px;
|
|
49
|
-
color: var(--primary-blue, #
|
|
60
|
+
color: var(--primary-blue, #25beeb);
|
|
50
61
|
}
|
|
51
62
|
|
|
52
63
|
.section-title-container {
|
|
@@ -57,10 +68,16 @@
|
|
|
57
68
|
}
|
|
58
69
|
|
|
59
70
|
.section-title {
|
|
60
|
-
font-family: var(
|
|
71
|
+
font-family: var(
|
|
72
|
+
--font-poppins,
|
|
73
|
+
"Poppins",
|
|
74
|
+
"Helvetica Neue",
|
|
75
|
+
Arial,
|
|
76
|
+
sans-serif
|
|
77
|
+
);
|
|
61
78
|
font-size: 19px;
|
|
62
79
|
font-weight: 600;
|
|
63
|
-
color: var(--primary-mid-black, #
|
|
80
|
+
color: var(--primary-mid-black, #171e25);
|
|
64
81
|
margin: 0;
|
|
65
82
|
line-height: 1.3;
|
|
66
83
|
white-space: nowrap;
|
|
@@ -76,7 +93,13 @@
|
|
|
76
93
|
}
|
|
77
94
|
|
|
78
95
|
.section-number {
|
|
79
|
-
font-family: var(
|
|
96
|
+
font-family: var(
|
|
97
|
+
--font-open-sans,
|
|
98
|
+
"Open Sans",
|
|
99
|
+
"Helvetica Neue",
|
|
100
|
+
Arial,
|
|
101
|
+
sans-serif
|
|
102
|
+
);
|
|
80
103
|
font-size: 14px;
|
|
81
104
|
font-weight: 500;
|
|
82
105
|
color: var(--primary-mid-grey, #728ea7);
|
|
@@ -100,11 +123,17 @@
|
|
|
100
123
|
justify-content: center;
|
|
101
124
|
gap: 8px;
|
|
102
125
|
padding: 8px 12px;
|
|
103
|
-
background: var(--primary-blanc, #
|
|
104
|
-
border: 1px solid var(--primary-blue, #
|
|
126
|
+
background: var(--primary-blanc, #fff);
|
|
127
|
+
border: 1px solid var(--primary-blue, #25beeb);
|
|
105
128
|
border-radius: 8px;
|
|
106
|
-
color: var(--primary-blue, #
|
|
107
|
-
font-family: var(
|
|
129
|
+
color: var(--primary-blue, #25beeb);
|
|
130
|
+
font-family: var(
|
|
131
|
+
--font-open-sans,
|
|
132
|
+
"Open Sans",
|
|
133
|
+
"Helvetica Neue",
|
|
134
|
+
Arial,
|
|
135
|
+
sans-serif
|
|
136
|
+
);
|
|
108
137
|
font-size: 13px;
|
|
109
138
|
font-weight: 600;
|
|
110
139
|
cursor: pointer;
|
|
@@ -116,7 +145,7 @@
|
|
|
116
145
|
|
|
117
146
|
.section-action-button:hover:not(.section-action-disabled) {
|
|
118
147
|
background: #f6fcfe;
|
|
119
|
-
border-color: var(--primary-blue, #
|
|
148
|
+
border-color: var(--primary-blue, #25beeb);
|
|
120
149
|
box-shadow: 0 2px 6px rgba(37, 190, 235, 0.15);
|
|
121
150
|
}
|
|
122
151
|
|
|
@@ -127,16 +156,16 @@
|
|
|
127
156
|
}
|
|
128
157
|
|
|
129
158
|
.section-action-primary {
|
|
130
|
-
background: var(--primary-blue, #
|
|
159
|
+
background: var(--primary-blue, #25beeb);
|
|
131
160
|
color: white;
|
|
132
|
-
border: 1px solid var(--primary-blue, #
|
|
161
|
+
border: 1px solid var(--primary-blue, #25beeb);
|
|
133
162
|
box-shadow: 0 2px 4px rgba(37, 190, 235, 0.2);
|
|
134
163
|
height: 34px;
|
|
135
164
|
flex: 1;
|
|
136
165
|
}
|
|
137
166
|
|
|
138
|
-
.section-action-secondary {
|
|
139
|
-
border: 1px solid var(--primary-blue, #
|
|
167
|
+
.section-action-secondary {
|
|
168
|
+
border: 1px solid var(--primary-blue, #25beeb);
|
|
140
169
|
height: 34px;
|
|
141
170
|
flex: 1;
|
|
142
171
|
}
|