Skip to content

Commit fba9a89

Browse files
committed
feat(content): add css custom props
1 parent b22b356 commit fba9a89

File tree

2 files changed

+18
-0
lines changed

2 files changed

+18
-0
lines changed

Diff for: README.md

+1
Original file line numberDiff line numberDiff line change
@@ -188,6 +188,7 @@ Type part of a snippet, press enter, and the snippet unfolds.
188188
| `i-color` | Ionic scss color variables w/ color selection |
189189
| `i-color-custom` | Custom Color can be used as color property `color='favorite'`, add to variables.scss |
190190
| `i-color-custom-root` | Custom Color add to `:root` in variables.scss |
191+
| `i-content-props` | Content CSS custom properties |
191192
| `i-dark-mode` | Dark mode example for Mac OS |
192193
| `i-dark-mode-media-query` | Dark mode media query for Mac OS |
193194
| `i-item-props` | Item CSS custom properties |

Diff for: snippets/scss.json

+17
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,23 @@
9696
],
9797
"description": "Custom Color add to :root in variables.scss"
9898
},
99+
"ion-content-props": {
100+
"prefix": "i-content-props",
101+
"body": [
102+
"${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+
],
114+
"description": "Content CSS custom properties"
115+
},
99116
"ion-dark-mode": {
100117
"prefix": "i-dark-mode",
101118
"body": [

0 commit comments

Comments
 (0)