feat(chip): add css custom props

fivethree-team · Apr 11, 2019 · 3983d0f · 3983d0f
1 parent fba9a89
commit 3983d0f
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -185,6 +185,7 @@ Type part of a snippet, press enter, and the snippet unfolds.
 | `i-card-props`                | Card CSS custom properties                                                    |
 | `i-card-subtitle-props`                | Card Subtitle CSS custom properties                                                    |
 | `i-card-title-props`                | Card Title CSS custom properties                                                    |
+| `i-chip-props`                | Chip CSS custom properties                                                    |
 | `i-color`                | Ionic scss color variables w/ color selection                                                    |
 | `i-color-custom`                | Custom Color can be used as color property `color='favorite'`, add to variables.scss                                                    |
 | `i-color-custom-root`                | Custom Color add to `:root` in variables.scss                                                   |

diff --git a/snippets/scss.json b/snippets/scss.json
@@ -45,7 +45,7 @@
         ],
         "description": "Card CSS custom properties"
     },
-    "ion-card-subtitle": {
+    "ion-card-subtitle-props": {
         "prefix": "i-card-subtitle-props",
         "body": [
             "${1:ion-card-subtitle} {",
@@ -54,7 +54,7 @@
         ],
         "description": "Card Subtitle CSS custom properties"
     },
-    "ion-card-title": {
+    "ion-card-title-props": {
         "prefix": "i-card-title-props",
         "body": [
             "${1:ion-card-title} {",
@@ -63,6 +63,16 @@
         ],
         "description": "Card Title CSS custom properties"
     },
+    "ion-chip-props": {
+        "prefix": "i-chip-props",
+        "body": [
+            "${1:ion-chip} {",
+            "\t--background: ${2:#ffffff};",
+            "\t--color: ${3:#3880ff};",
+            "}"
+        ],
+        "description": "Chip CSS custom properties"
+    },
     "ion-color": {
         "prefix": "i-color",
         "body": [
@@ -100,16 +110,16 @@
         "prefix": "i-content-props",
         "body": [
             "${1:ion-content} {",
-                "\t--background: ${2:#ffffff};",
-                "\t--color: ${3:#3880ff};",
-                "\t--keyboard-offset: ${4:0px};",
-                "\t--offset-bottom: ${5:0px};",
-                "\t--offset-top: ${6:0px};",
-                "\t--padding-bottom: ${7:0px};",
-                "\t--padding-end: ${8:0px};",
-                "\t--padding-start: ${9:0px};",
-                "\t--padding-top: ${10:0px};",
-                "}"
+            "\t--background: ${2:#ffffff};",
+            "\t--color: ${3:#3880ff};",
+            "\t--keyboard-offset: ${4:0px};",
+            "\t--offset-bottom: ${5:0px};",
+            "\t--offset-top: ${6:0px};",
+            "\t--padding-bottom: ${7:0px};",
+            "\t--padding-end: ${8:0px};",
+            "\t--padding-start: ${9:0px};",
+            "\t--padding-top: ${10:0px};",
+            "}"
         ],
         "description": "Content CSS custom properties"
     },