hammy
/
carbon
mirror of https://github.com/sgoudham/carbon.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

move window control styling into component

Browse Source
main
briandennis 7 years ago
parent 9001198ad5
commit 171546b179
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File

24
components/svg/controls.js vendored
Unescape Escape View File

@ -1,11 +1,21 @@
import React from 'react' import React from 'react'
export default () => ( export default () => (
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"> <div>
<g fill="none" fillRule="evenodd" transform="translate(1 1)"> <svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14">
<circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" strokeWidth=".5"/> <g fill="none" fillRule="evenodd" transform="translate(1 1)">
<circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" strokeWidth=".5"/> <circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" strokeWidth=".5"/>
<circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" strokeWidth=".5"/> <circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" strokeWidth=".5"/>
</g> <circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" strokeWidth=".5"/>
</svg> </g>
</svg>
<style jsx>{`
div {
position: absolute;
margin-left: -2px;
margin-top: -14px;
}
`}
</style>
</div>
) )

Write Preview
Loading…
Cancel
Save