Skip to content

Commit 088ad28

Browse files
authored
Convert plugin examples to codesandbox (#1316)
* Migrate plugin examples to codesandbox * Fix examples * Add links to plugin examples
1 parent 3f35178 commit 088ad28

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+616
-3
lines changed

docs/jss-plugin-camel-case.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,3 +19,7 @@ Compiles to:
1919
font-size: 12px;
2020
}
2121
```
22+
23+
### Demo
24+
25+
[CodeSandbox](//codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-camel-case?fontsize=14)

docs/jss-plugin-compose.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -179,3 +179,7 @@ It renders to:
179179
- It doesn't work within [global Style Sheets](https://github.com/cssinjs/jss/tree/master/packages/jss-plugin-global).
180180
- It does not work inside of [nested rules](https://github.com/cssinjs/jss/tree/master/packages/jss-plugin-nested).
181181
- When composing local rules, they need to be defined first. Otherwise, you get wrong CSS selector order and specificity.
182+
183+
### Demo
184+
185+
[CodeSandbox](//codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-compose?fontsize=14)

docs/jss-plugin-default-unit.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,3 +60,7 @@ Compiles to:
6060
z-index: 1;
6161
}
6262
```
63+
64+
### Demo
65+
66+
[CodeSandbox](//codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-default-unit?fontsize=14)

docs/jss-plugin-expand.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -400,3 +400,7 @@ const styles = {
400400
}
401401
}
402402
```
403+
404+
### Demo
405+
406+
[CodeSandbox](//codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-expand?fontsize=14)

docs/jss-plugin-extend.md

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -76,5 +76,4 @@ const styles = {
7676

7777
### Demo
7878

79-
[Simple demo](http://cssinjs.github.io/examples/plugins/jss-extend/simple/)
80-
[Multi objects demo](http://cssinjs.github.io/examples/plugins/jss-extend/multi/)
79+
[CodeSandbox](//codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-extend?fontsize=14)

docs/jss-plugin-global.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,3 +73,7 @@ Compiles to:
7373
color: red;
7474
}
7575
```
76+
77+
### Demo
78+
79+
[CodeSandbox](//codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-global?fontsize=14)

docs/jss-plugin-isolate.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -183,7 +183,7 @@ jss.use(
183183

184184
### Demo
185185

186-
[Simple](http://cssinjs.github.io/examples/plugins/jss-plugin-isolate/simple/index.html)
186+
[CodeSandbox](//codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-isolate?fontsize=14)
187187

188188
### Reseted properties
189189

docs/jss-plugin-nested.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -142,3 +142,7 @@ Compiles to:
142142
background: red;
143143
}
144144
```
145+
146+
### Demo
147+
148+
[CodeSandbox](//codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-nested?fontsize=14)

docs/jss-plugin-props-sort.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,3 +19,7 @@ Compiles to:
1919
border-left: 1px solid red;
2020
}
2121
```
22+
23+
### Demo
24+
25+
[CodeSandbox](//codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-props-sort?fontsize=14)

docs/jss-plugin-rule-value-function.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,3 +66,7 @@ const sheet = jss
6666

6767
sheet.update({color: 'red'})
6868
```
69+
70+
### Demo
71+
72+
[CodeSandbox](//codesandbox.io/s/github/cssinjs/jss/tree/master/examples/plugins/jss-plugin-rule-value-function?fontsize=14)

0 commit comments

Comments
 (0)