From 35e52b2ce5e2b5514719fe5da7e8e935664b9c04 Mon Sep 17 00:00:00 2001
From: Marc Stammerjohann <marcstammerjohann@web.de>
Date: Tue, 15 Jan 2019 20:00:40 +0100
Subject: [PATCH] feat(scss): add thumbnail, title, toggle and toolbar css
 custom props

---
 README.md          |  4 ++++
 snippets/scss.json | 42 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+)

diff --git a/README.md b/README.md
index b03488d..50d59be 100644
--- a/README.md
+++ b/README.md
@@ -164,8 +164,12 @@ Type part of a snippet, press enter, and the snippet unfolds.
 | `i-dark-mode-media-query`                | Dark mode media query for Mac OS                                                   |
 | `i-root`                | `:root { }`                                                    |
 | `i-stepped-color`                | Stepped colors add to `:root`                                                  |
+| `i-thumbnail-props`                | Thumbnail CSS custom properties                                                  |
+| `i-title-props`                | Title CSS custom properties                                                  |
 | `i-toast-props`                | Toast CSS custom properties                                                  |
 | `i-toast-example`                | Toast CSS custom example style for success, warning or danger toasts                                                  |
+| `i-toggle-props`                | Toggle CSS custom properties                                                  |
+| `i-toolbar-props`                | Toolbar CSS custom properties                                                  |
 
 
 **[⬆ back to top](#overview)**
diff --git a/snippets/scss.json b/snippets/scss.json
index 81b56c6..d3405be 100644
--- a/snippets/scss.json
+++ b/snippets/scss.json
@@ -116,6 +116,21 @@
         ],
         "description": "Stepped colors add to :root"
     },
+    "ion-thumbnail-props": {
+        "prefix": "i-thumbnail-props",
+        "body": [
+            "--border-radius: ${1:8px};",
+            "--size: ${2:64px};"
+        ],
+        "description": "Title CSS custom properties"
+    },
+    "ion-title-props": {
+        "prefix": "i-title-props",
+        "body": [
+            "--color: ${1:#3880ff};"
+        ],
+        "description": "Title CSS custom properties"
+    },
     "ion-toast-props": {
         "prefix": "i-toast-props",
         "body": [
@@ -146,5 +161,32 @@
             "}"
         ],
         "description": "Toast CSS custom example style for success, warning or danger toasts"
+    },
+    "ion-toggle-props": {
+        "prefix": "i-toggle-props",
+        "body": [
+            "--background: ${1:#ffffff};",
+            "--background-checked: ${2:#3880ff};",
+            "--handle-background: ${3:#ffffff};",
+            "--handle-background-checked: ${4:#3880ff};"
+        ],
+        "description": "Toggle CSS custom properties"
+    },
+    "ion-toolbar-props": {
+        "prefix": "i-toolbar-props",
+        "body": [
+            "--background: ${1:#ffffff};",
+            "--border-color: ${2:#3880ff};",
+            "--border-style: ${3:solid};",
+            "--border-width: ${4:8px};",
+            "--color: ${5:#3880ff};",
+            "--min-height: ${6:56px};",
+            "--opacity: ${7:56px};",
+            "--padding-bottom: ${8:4px};",
+            "--padding-end: ${9:4px};",
+            "--padding-start: ${10:4px};",
+            "--padding-top: ${11:4px};"
+        ],
+        "description": "Toolbar CSS custom properties"
     }
 }
\ No newline at end of file