Skip to content

Commit

Permalink
[prefix-plugin] Update the demo page for the latest features
Browse files Browse the repository at this point in the history
  • Loading branch information
pygy committed May 21, 2017
1 parent fda65ed commit 2fb39c9
Showing 1 changed file with 12 additions and 7 deletions.
19 changes: 12 additions & 7 deletions plugins/prefix-browser/tests/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -318,16 +318,18 @@ <h1>j2c-plugin-prefix-browser in action in your browser</h1>
// The code runs live, feel free to edit it!
j2c.sheet({'@global':{
'.download': {
animation: 'rotate',
backgroundClip: 'text',
backgroundImage: 'linear-gradient(5deg, red, rgba(125,0,0,.3))',
color: 'white',
textDecoration: 'initial',
textShadow: '.08em .08em .2em rgba(calc(2 * 2),0,0,.6)',
borderRadius: '50%',
boxShadow: '.1em .2em .4em -.2em black',
boxSizing: 'border-box',
transform: 'rotate(15deg)',
animation: 'rotate',
color: 'white',
cursor: 'zoom-in'
display: 'grid',
textDecoration: 'initial',
textShadow: '.08em .08em .2em rgba(calc(2 * 2),0,0,.6)',
transform: 'rotate(15deg)',
},
'@keyframes rotate': {
'from': {
Expand All @@ -339,18 +341,21 @@ <h1>j2c-plugin-prefix-browser in action in your browser</h1>
},
'@supports (display:flex)':{
':read-write ::placeholder': {
userSelect: 'none',
appearance: 'none',
backgroundClip: 'border-box',
display: 'flex',
flex: '1 1',
flexFlow: 'column-reverse wrap'
textFillColor: 'transparent',
userSelect: 'none',
},
},
'@media (min-resolution:2dppx)' : {
'header': {
backgroundImage: 'url(hires.jpg)'
}
}
},
'@viewport': {}
}})</textarea>
<textarea id="sheetArea"></textarea>
<script>
Expand Down

0 comments on commit 2fb39c9

Please sign in to comment.