@carefirst/library 3.1.3 → 3.1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/public/styles/app.scss +27 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carefirst/library",
3
- "version": "3.1.3",
3
+ "version": "3.1.4",
4
4
  "author": "Jacques Francois Coetzee",
5
5
  "private": false,
6
6
  "peerDependencies": {
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
  ===============================================*/