@carefirst/library 3.1.2 → 3.1.4
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/components/page/page.component.mjs +2 -2
- package/esm2022/lib/components/verification-code/verification-code.component.mjs +2 -2
- package/fesm2022/carefirst-library.mjs +4 -4
- package/fesm2022/carefirst-library.mjs.map +1 -1
- package/package.json +1 -1
- package/public/styles/app.scss +27 -0
package/package.json
CHANGED
package/public/styles/app.scss
CHANGED
@@ -11,6 +11,33 @@ ion-modal {
|
|
11
11
|
--width: 100dvw;
|
12
12
|
}
|
13
13
|
|
14
|
+
/*===============================================
|
15
|
+
================== Radio Button =================
|
16
|
+
===============================================*/
|
17
|
+
ion-radio {
|
18
|
+
--color: var(--cf-app-system-color-outline);
|
19
|
+
--color-checked: var(--cf-app-color-accent);
|
20
|
+
|
21
|
+
&::part(container) {
|
22
|
+
width: 24px;
|
23
|
+
height: 24px;
|
24
|
+
}
|
25
|
+
|
26
|
+
&.radio-checked::part(container) {
|
27
|
+
border-color: var(--cf-app-system-color-outline);
|
28
|
+
}
|
29
|
+
|
30
|
+
//--- cf-radio-border
|
31
|
+
&.cf-radio-border.radio-checked::part(container) {
|
32
|
+
background: var(--cf-app-color-accent);
|
33
|
+
border-color: transparent;
|
34
|
+
}
|
35
|
+
|
36
|
+
&.cf-radio-border.radio-checked::part(mark) {
|
37
|
+
background-color: white;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
14
41
|
/*===============================================
|
15
42
|
================ Device Specific ================
|
16
43
|
===============================================*/
|