Skip to content

Commit 3983d0f

Browse files
committed
feat(chip): add css custom props
1 parent fba9a89 commit 3983d0f

File tree

2 files changed

+23
-12
lines changed

2 files changed

+23
-12
lines changed

Diff for: README.md

+1
Original file line numberDiff line numberDiff line change
@@ -185,6 +185,7 @@ Type part of a snippet, press enter, and the snippet unfolds.
185185
| `i-card-props` | Card CSS custom properties |
186186
| `i-card-subtitle-props` | Card Subtitle CSS custom properties |
187187
| `i-card-title-props` | Card Title CSS custom properties |
188+
| `i-chip-props` | Chip CSS custom properties |
188189
| `i-color` | Ionic scss color variables w/ color selection |
189190
| `i-color-custom` | Custom Color can be used as color property `color='favorite'`, add to variables.scss |
190191
| `i-color-custom-root` | Custom Color add to `:root` in variables.scss |

Diff for: snippets/scss.json

+22-12
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@
4545
],
4646
"description": "Card CSS custom properties"
4747
},
48-
"ion-card-subtitle": {
48+
"ion-card-subtitle-props": {
4949
"prefix": "i-card-subtitle-props",
5050
"body": [
5151
"${1:ion-card-subtitle} {",
@@ -54,7 +54,7 @@
5454
],
5555
"description": "Card Subtitle CSS custom properties"
5656
},
57-
"ion-card-title": {
57+
"ion-card-title-props": {
5858
"prefix": "i-card-title-props",
5959
"body": [
6060
"${1:ion-card-title} {",
@@ -63,6 +63,16 @@
6363
],
6464
"description": "Card Title CSS custom properties"
6565
},
66+
"ion-chip-props": {
67+
"prefix": "i-chip-props",
68+
"body": [
69+
"${1:ion-chip} {",
70+
"\t--background: ${2:#ffffff};",
71+
"\t--color: ${3:#3880ff};",
72+
"}"
73+
],
74+
"description": "Chip CSS custom properties"
75+
},
6676
"ion-color": {
6777
"prefix": "i-color",
6878
"body": [
@@ -100,16 +110,16 @@
100110
"prefix": "i-content-props",
101111
"body": [
102112
"${1:ion-content} {",
103-
"\t--background: ${2:#ffffff};",
104-
"\t--color: ${3:#3880ff};",
105-
"\t--keyboard-offset: ${4:0px};",
106-
"\t--offset-bottom: ${5:0px};",
107-
"\t--offset-top: ${6:0px};",
108-
"\t--padding-bottom: ${7:0px};",
109-
"\t--padding-end: ${8:0px};",
110-
"\t--padding-start: ${9:0px};",
111-
"\t--padding-top: ${10:0px};",
112-
"}"
113+
"\t--background: ${2:#ffffff};",
114+
"\t--color: ${3:#3880ff};",
115+
"\t--keyboard-offset: ${4:0px};",
116+
"\t--offset-bottom: ${5:0px};",
117+
"\t--offset-top: ${6:0px};",
118+
"\t--padding-bottom: ${7:0px};",
119+
"\t--padding-end: ${8:0px};",
120+
"\t--padding-start: ${9:0px};",
121+
"\t--padding-top: ${10:0px};",
122+
"}"
113123
],
114124
"description": "Content CSS custom properties"
115125
},

0 commit comments

Comments
 (0)